[Section 07] 프로토타입으로 커뮤니케이션하기

프로토타입으로 커뮤니케이션하기

🔮 피그마의 프로토타이핑 방식 이해하기

• Trigger: 사용자가 UI 타입에서 어떤 동작을 할 지 정하는 부분이다.
• Action: 동작에 대해서 어떤 반응을 일으킬지
• Destination: 동작을 하고 나오는 도착지
• Action부터 Destination까지의 과정을 Animation

🔮 프로토타입 실습 과정

프로토타입의 interaction을 통해서 장면 전환의 방법을 바꿀 수 있다.

📍 모달팝업 띄우기

1. 클릭했을 때 팝업을 띄울 화면을 연결해준다.
2. navigate to가 아닌 open overlay를 선택해준다. -> menual을 선택해서 아래에서 위로 팝업이 뜨도록 할 수 있다. (Animation을 Move in ⬆️을 클릭하면 된다.)

📍 scroll to

• x-offset
• y-offset
  

스크롤 하는 방향으로 x, y 가 얼마나 떨어진 데까지 이동을 해야되는지 알려준다. + 라면 0보다 더 위로 올라간다. 반대로 -라면 기존 위치보다 아래로 내려온다. (y-offset인 경우)