피그마 : 프로토타입 - 트리거
https://help.figma.com/hc/en-us/articles/360040035834
프로토타입 트리거
프로토타이핑이 처음이신가요? 프로토타이핑 시작하기 가이드를 확인하십시오 .
트리거 의 유형을 결정 핫스팟과의 상호 작용이 사전에 프로토 타입의 원인이됩니다. 탭, 드래그, 클릭 등과 같은 마우스 또는 터치 상호 작용이 될 수 있습니다.
이러한 전환의 대부분은 자명하지만 사용 방법에 대한 몇 가지 팁이 있습니다.
이 기사에서는 프로토타이핑 트리거를 더 자세히 다룹니다.
온 클릭/온 탭
사용자가 프로토타입의 핫스팟을 클릭 (데스크톱) 또는 탭 (모바일) 하면 작업을 트리거합니다 . 화면의 다양한 요소에 클릭 또는 탭 트리거를 추가할 수 있습니다.
링크 열기, 메뉴 사용 또는 웹 사이트 탐색과 같은 탐색에 사용할 수 있습니다. 사용자가 버튼을 클릭하거나, 양식을 작성하거나, 알림을 확인 및 해제해야 하는 경우에도 사용할 수 있습니다.
드래그 시
화면에서 요소를 끌 때 작업을 수행할 수 있습니다. 이것은 전체 프레임일 수도 있고 슬라이더와 같은 단일 요소일 수도 있습니다.
왼쪽, 오른쪽, 위 또는 아래로 On Drag 를 사용할 수 있습니다 . 이것은 단순한 스와이프 제스처나 드래그하여 새로 고침과 같은 복잡한 애니메이션에 적합합니다.
드래그를 사용하면 전환을 통해 앞뒤로 이동할 수 있습니다. 이것은 살짝 밀기 제스처 후에 작업을 수행하는 대신 연속체를 만듭니다.
호버링하는 동안
핫스팟 위로 마우스를 가져가면 작업을 트리거합니다. 이를 사용하여 도구 설명, 화면상의 프롬프트 또는 상태 변경 사항을 복제할 수 있습니다.
사용자가 핫스팟에서 커서를 이동하면 사용자를 원래 프레임으로 되돌립니다. 이것은 사용자를 현재 화면에서 멀어지게 하고 싶지 않을 때 훌륭한 상호작용이 됩니다.
누르는 동안
바탕 화면에서 마우스나 트랙패드 를 클릭하고 있을 때 동작을 트리거합니다 . 또는 모바일 장치를 길게 탭할 때 .
이 트리거를 사용하여 드롭다운 메뉴를 탐색하거나 iOS에서 3D Touch를 사용하여 미리 보기를 보는 것과 같은 길게 누르기 상호 작용을 복제할 수 있습니다.
출시되면 사용자를 원래 프레임으로 되돌릴 것입니다. 따라서 일시적인 상호 작용이나 상태 변경을 캡처하는 오버레이에 적합합니다.
키보드 및 게임패드 단축키
키보드/게임패드 트리거를 사용하면 키보드 단축키와의 상호 작용을 복제할 수 있습니다. 이것은 키보드, 컨트롤러 및 게임패드의 사용자 입력에 적용됩니다.
트리거는 단일 키나 버튼 또는 키 조합일 수 있습니다.
예: 트리거는 컨트롤러에서 Enter 키 또는 ✕ 버튼을 누르는 사용자를 기반으로 할 수 있습니다. 또는 Shift– 와 같은 바로 가기를 사용합니다 K.
참고: Xbox One, PS4 및 Nintendo Switch Pro 컨트롤러를 공식적으로 지원합니다. 다른 컨트롤러는 작동할 수 있지만 Figma에 표시된 버튼은 컨트롤러를 정확하게 반영하지 않을 수 있습니다.
마우스 입력
마우스 가 핫스팟 영역에 들어갈 때 대상 프레임을 표시합니다 . 이것은 버튼과 같은 작은 영역이거나 화면의 전체 섹션일 수 있습니다.
이것을 사용하여 마우스가 필드에 들어갈 때 드롭다운 메뉴에 옵션을 표시할 수 있습니다. 메뉴는 사용자가 항목을 선택하거나 필드를 클릭하는 것과 같은 다른 상호 작용을 수행할 때까지 열린 상태로 유지됩니다.
참고: 핫스팟을 떠날 때 전환을 되돌리지 않으므로 프로토타입에서 다음 단계를 설정해야 합니다.
마우스 떠나기
이 표시 대상 커서가 프레임 잎 핫스팟 지역을.
필드를 완료하지 않았거나 상자를 선택하지 않았을 때의 경고와 같은 화면 프롬프트에 이것을 사용할 수 있습니다.
마우스 다운(터치 다운)
마우스나 터치 패드를 처음 누를 때 대상 프레임을 트리거합니다 . 모바일 장치의 경우 사용자의 손가락이 핫스팟에 처음 닿는 시점입니다.
마우스 업(터치 업)
마우스나 터치 패드를 놓으면 대상 프레임 이 트리거됩니다 . 모바일 장치의 경우 사용자의 손가락이 더 이상 핫스팟에 닿지 않는 경우입니다.
- 메뉴 헤더에 마우스 다운 트리거를 적용하여 오버레이를 엽니다.
- 오버레이의 메뉴 항목에 마우스 업 상호 작용을 적용합니다 .
- 마우스를 놓으면 사용자를 관련 프레임으로 안내합니다.
팁! 사용 마우스 다운 과 마우스 업 드롭 다운 메뉴를 탐색하는 사용자를 복제하기 위해 함께 트리거를.
지연 후
후 지연 트리거는 사용자가 주어진 프레임에 일정 시간을 보냈다 후 작업을 트리거 할 수 있습니다. 지연 시간을 밀리초(ms) 단위로 설정해야 합니다. 특정 레이어나 개체가 아닌 최상위 프레임에만 적용할 수 있습니다.