관리 메뉴

cmos00

7. 아이콘 디자인 본문

+ 정리하기/모바일 GUI 디자인

7. 아이콘 디자인

cmos00 2017. 5. 7. 13:44
728x90

1. iOS 아이콘 디자인


 1) Templete Icon

  - 아이폰 화면에서 손쉽게 볼 수 있는 일반 아이콘을 의미


  (1) 디자인 스타일

   - 심플한 선으로 디자인 하며, 일관성 있게 디자인 요소를 통일할 것을 권장

   - 최대한 표준 아이콘에 맞추어 디자인하여 사용자가 쉽게 이해할 수 있는 형태 차용


  (2) 선택 표시

 

 

 아이콘 안에 색을 넣거나 반전되는 형태 

 반전이 힘들기에 별도의 원형 형태를 두는 방식

 

 

 외부의 선을 두껍게 만드는 형태

 앱 고유색 만 적용한 형태 


  (3) 종류

   - 시스템 아이콘은 기본적으로 제공되는 형태와 그에 따른 의미들이 있으므로, 

     다른 의미로 사용 되지 않도록 주의

   - 유사기능을 제공하는 경우 일반적인 형태의 아이콘을 적용하는 것을 권장

   - Tool Bar, Navigation Bar 적용 Templete:


   - Tab, Tab Bar 적용 Templete:

 2) App Icon

  -  홈스크린 배치


  - 스팟라이트, 셋팅 페이지 등에도 활용 


  - App Icon은 앱스토어 등록용과 아이폰 앱 탑재용으로 나눌 수 있음 


  - 앱스토어용은 자동 Resizing이 가능하나 앱 탑재용 이미지는 해상도에 맞는 

     이미지를 Resizing해서 탑재해줘야함 




2. Android 아이콘 디자인

 1) System Icon

  - 아이폰의 Templete Icon과 동일 범주


  - Material Design 스타일을 충실히 반영하는 것을 권장 


  - Icon 두께, 모서리 반영, 너비 등 디테일한 부분을 디자인 요소에 적용하도록 권장


* Material Design

 - 스큐어모피즘의 단점인 불필요한 시각적 장치를 배제하면서 장점인 물리적 감각을 구현하여 

     Flat Scheme에 높은 어포던스(Affordances, 행동유도성)를 확보하는 새로운 디지털 디자인 언어를 구축

 - 픽셀을 만질 수 있는 어떤 ‘물질’로 규정하는 일은 가상 세계에 동떨어진 어떤 것이 아니라 

   우리가 익숙하게 다뤄왔던 현실의 어떤 것과 비슷한 느낌을 주기 위함



 2) Product Icon

  - 아이폰의 App Icon과 동일 범주

  - Material Design의 중요 요소인 Simple, Digital Paper, Shadow, Balance를

     잘 적용하여 디자인하길 권장 


  - 디자인 시 그리스 시스템에서 시작하는 것을 권장



  - Material Design을 적용하지 않은 아이콘도 많으니 추후 디자인 시 참고

728x90

'+ 정리하기 > 모바일 GUI 디자인' 카테고리의 다른 글

9. 타이포그래피  (0) 2017.05.10
8. 컬러  (0) 2017.05.10
6-2. 콘텐츠 디자인 - Android  (0) 2017.05.07
6-1. 콘텐츠 디자인 - iOS  (0) 2017.05.05
5. 컨트롤 컴포넌트  (0) 2017.05.05