디자인 부트캠프

[+17] 개인과제 와이어 프레임 및 UI 키트 제작

zzilog 2025. 2. 14. 21:57

🚩오늘의 키워드

- 레퍼런스 서치

- 와이어 프레임 그리기

- UI 키트 일부 제작

 

 

😶TODAY I LEARNED

[ 와이어 프레임 그리기 ]

처음에 과제를 받고 아무것도 없는 상태로 시작하려니 막막해서, 마켓컬리·이마트몰·쿠팡 등 식료품 및 생필품 관련 커머스 앱들과 관련한 레퍼런스 서치를 진행했다.

진행한 내용을 바탕으로 필수 과제 조건을 고려하여 간단하게 <홈>, <목록>, <상품 상세화면> 와이어프레임을 그려보았다..!

 

 

[ UI 키트 제작 ]

화면 디자인 전 기본적인 UI 키트를 먼저 제작 중이다.

로컬 스타일까지 적용 완료..!

제작 진행중..!

 

📌주말 동안 할 것

UI 키트 제작 완료

- 아이콘 추가로 제작하거나 찾아서 적용하기

- 컴포넌트 제작

버튼 / 의사상태

라디오 컴포넌트

다이얼로그 컴포넌트

탭 바 컴포넌트