본문 바로가기

UIUX Design

6주차 학습일지 무신사클론디자인

▶   #무신사랑_해! 

무신사 클론 디자인과제를 진행하면서 아이콘의 배치, 사이즈, 글씨의 크기, 글씨체의 일정함이 얼마나 중요한지 배웠다. 

많은 정보와 많은 상품들이 넘쳐날 때 일정함에서 주는 편안함과 깔끔함이 그 가치를 더 부각시킨다.  

그저 보기에 예쁘고 사용자의 시선이 머물게 하는 것에 "시각"에 목적을 둔다면 아마 알록달록은 하겠지만 정신 없는 미술관이 될 것 같다. 

앱을 하나의 그림으로 비유한다면 작가의 목적이 그림을 통해 사람들에게 메세지를 전달하는것이 첫번 째 목적이라면 분명한 제목과 또 그 제목과 어울리는 그림 그리고 어디서부터 어디까지가 작가의 작품인지 알 수 있는 확실한 경계 즉 액자가 필요하다. 

 

아이콘이 하나의 작품이라면 그 아이콘의 규격과 사이즈는 곧 액자가 될 것이다.

 

 

아이콘 사이즈와 간격

 

▶   무신자 UI 분석 

Font:

1) MUSINSA(로고, 가격, 숫자, 아이콘안에 글씨)

2) Apple SD 산돌고딕 NEO (상품이름, 상품설명, 무신사앱 약관, 서비스관련 글씨체)

 

아이콘 및 상품이미지 영역 사이즈:

■ 48 x 48 (짝수)

○ W 130 x H 130

□ W 150 x H 150

□ W 150 x H 180

□ W 90 x H 108

□ W 226 x H 272

**대부분 짝수가 사용되었지만 상황과 배경화면에 남은 여백에 따라 홀수가 사용될 때도 있음