[본캠프] d+9.

박예지·2025년 2월 4일

[UIUX] TIL 📑

목록 보기
20/100

📌심화 과제

아이디어를 표현하는 프로토타입 제작 - 1


오늘 만든 것 (아직 2개 남았다)

모바일 디바이스 사용이 익숙하지 않은 사용자들도 손쉽게 예약하도록 하기 위해 One thing per page로 제작하려고 하고있다.

앞서 계속 다뤘듯이 잔여 예약 가능 숫자와 사용자가 예약 과정이 얼마나 남았는지 알 수 있도록 하기 위해 프로그레스 바도 상단에 추가해보았다.

💡사용한 기능

  1. 텍스트 컴포넌트 (시간, 잔여 좌석 수)
  2. 베리언트로 선택 상황 설정 (버튼, 체크박스)
  3. 오토 레이아웃으로 여백 설정
  4. 하단 버튼, 상단 프로그레스바 fixed

🎙️소감

물론 내일 또 수정해야겠지만
오랜만에 피그마 켜서 컴포넌트도 사용해보고 재미있었다.
피그마의 꽃은 역시 컴포넌트 (풉)
하지만 막상 아무것도 없는 빈 화면에서 하려니 막막했던 부분이 있었다.
(그래서 디자인 레퍼런스를 찾아보는 것이 중요하군)

🐟 다음 시간에 할 일

  1. 프로토타이핑 설정
  2. 두번째 화면 제작
profile
Life is pain au chocolat 🍞

0개의 댓글