CH2. UXUI 디자인 입문 - 7일차 TIL

✅241105

· 디자인카타

· 개인과제 : 식료품, 생필품 구매할 수 있는 가상의 커머스 앱

   - 공통화면 와이어프레임

   - 디자인 가이드라인
    - 컴포넌트 제작

 

---

 

오늘도 계속 개인작업 진행 중.....😵

 

홈화면 와이어프레임

 

 

디자인카타 끝나고 바로 어제 만들다 말았던 홈화면 와이어프레임 완성했다.

이것저것 추가하다 보니까 생각보다 좀 길어졌다

욕심이 그득그득,,^-^

 

 

상품 목록 와이어프레임

 

 

상품 목록 와이어프레임도 만들었다.

저 위에 카테고리 부분 스크롤 내려가면서 둥근 직사각형으로 바뀌게 만들고싶은데

피그마로 구현할 수 있을지는 모르겠음..  시간나면 시도해 봐야지

 

 

상세페이지 와이어프레임

 

상세페이지에 구매버튼 체크리스트에는 구매하기랑 장바구니가 같이 있어야 한다고 적혀있던데

구매하기 누르면 즉시구매+장바구니 버튼으로 바뀔거니까 상관없겠지..?

 

 

 

디자인가이드 설정 과정

 

폰트도 계속 쓰던 프리텐다드랑 SUIT 말고 다른 폰트 써보고 싶어서 눈누 뒤적여봤는데 

생각보다 깔꼼한 폰트를 많이 건져서 고르느라 힘들었다.

사실 코펍 폰트가 가장 귀염지고 깔끔해서 저거 쓰고 싶었는데 더 가볍거나 무거운 폰트가 필요한 일이 생길까봐 Intero로 정했다.

 

앱 컨셉을 1인 가구를 타깃으로 한 커머스 앱으로 정했기 때문에

아기자기하면서도 깔끔함 + 레고처럼 간편하게 똑-딱 조립될 것만 같은 컬러를 쓰고 싶었는데 나름 잘 뽑은 것 같아서 뿌듯하다

 

 

 

주요 컴포넌트

 

 

오늘 만든 컴포넌트들,,

여기서 또 뭐를 더 만들면 좋을지 모르겠어서 그냥 디자인 하면서 필요한거 생기면 추가할까 고민중이다.

 

 

 

 

아이콘도 앱 컨셉에 더 잘 어울리면 좋을 것 같아서 원래 네모네모했던 아이콘들을 둥글게 다 편집했다!!

내일은 꼭 디자인 들어가야지,, 화이팅..!! 😵😎