인프런 커뮤니티 질문&답변

bubble gun님의 프로필 이미지
bubble gun

작성한 질문수

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

이커머스 앱 UI디자인에 프로토타이핑 적용해보기

프로토타입에서 액션을 취했을때 팝업요소가 나오도록 할 수 있나요?

작성

·

1.4K

·

수정됨

0

예를 들어서...
1. 버튼을 눌렀을 때 페이지 이동 대신 이런저런 모달이나 drawer, 스낵바와 같은 팝업 요소를 현재 페이지 위에 구현하는 것과...
2. 버튼이나 아이콘따위를 눌렀을때 예를 들어서... 리스트나 카드 같은 것이 접히고 펴지는(expandable) 액션과 같은 것들이 프로토타입 상에서도 구현 가능한 것으로 알고 있습니다.

하지만 저는... 어떻게 설정을 하는지 찾아보는데 조금 애를 먹고 있습니다. 도와주시면 감사드리겠습니다.

답변 1

0

에릭님의 프로필 이미지
에릭
지식공유자

안녕하세요. 질문 감사합니다.

제가 질문을 정확하게 이해한 것인지는 모르겠습니다만, 제가 이해한 범위에서 답변드리도록 하겠습니다.

  1. 저는 어떤 요소를 눌렀을 때에 팝업이나 스낵바 등이 나타나도록 하는 인터렉션은 페이지, 즉 프레임을 다르게 하여 제공하는 것으로 작업을 하고 있습니다. 그래서 한 프레임 내에서 이런 모든 것이 되도록 하는 방법은 잘 모르겠네요^^; 혹시 좋은 방법을 알게 되신다면 커뮤니티를 위해 공유해주시면 감사하겠습니다.

  2. 이것은 펴지고 접히는 등의 과정을 애니메이션으로 표현할 수 있는지를 물어보신 것 같습니다. 해당 강의에서는 애니메이션은 다루고 있지 않아서 답변 드리기는 어려울 것 같아요. (이 질문/답변 커뮤니티는 강의의 내용/토픽에 한해 답변을 드리고 있습니다.) 참고로 저는 애니메이션을 구현해야 할때는 Principle App (https://principleformac.com/)을 활용하고 있습니다. 어디까지나 개인적으로 활용하는 부분이니 참고만 하시면 될 것 같습니다.

감사합니다.

bubble gun님의 프로필 이미지
bubble gun

작성한 질문수

질문하기