UXUI 입문_ 4주차 과제

✔️ 4주차 과제_ 피그마로 간단한 프로토타입 만들어보기

 

버튼을 클릭했을 때 화면이 이동하는 기능을 통해 프로토타입을 진행했다.

 

👉🏻 장바구니 화면의 Button/Menu 버튼을 클릭하면 메뉴 화면으로 이동하도록 만들기 (메뉴 화면이 흐린 상태에서 진해지며 노출)

• dissolve 효과

 

👉🏻 메뉴 화면의 Button/Close 버튼을 클릭하면 장바구니 화면으로 이동하도록 만들기 (장바구니 화면이 흐린 상태에서 진해지며 노출)

• dissolve 효과

 

👉🏻 장바구니 화면의 List Item 3을 클릭하면 상세 화면으로 이동하도록 만들기 (상세 화면이 장바구니 화면 위로 밀어 들어오며 노출)

• slide in 효과

 

👉🏻 상세 화면의 Button/Back을 클릭하면 장바구니 화면으로 이동하도록 만들기 (상세 화면이 밀려 나가며 아래로 장바구니 화면이 노출)

• slide out 효과