Button1 [피그마]버튼(Button Interaction) 인터렉션 만들기 안녕하세요, 오랜만에 피그마 활용팁 공유를 하려합니다 이번엔 피그마로 웹/모바일 기본 요소인 버튼의 기본 인터렉션을 피그마 프로토타입으로 만드는 방법을 공유드리겠습니다! 버튼 상태는 크게 6가지로 나눌 수 있습니다! 1.디폴트(Default) : 사용자가 터치하기 전 상태 2.호버(hover) : 사용자가 버튼 위에 마우스나 손가락을 올린 상태 3.포커스(Focus) : 사용자가 버튼을 탭하기 전 준비단계 4.프레스드(Pressed) : 사용자가 실행을 위해 버튼을 눌렀을 때의 상태 5.비활성화(Disabled) : 사용자가 작업을 완료하기 전에 탭할 수 없는 상태 6.프로그래스(Progress) : 버튼을 눌렀을 때 버튼 내 진행률 표시(옵션) 사실 이렇게 다양한 상태값이 있지만 가장 기본적으로 사용되.. 2022. 11. 11. 이전 1 다음