일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- ad
- 광고조사
- 리서치
- 브랜드
- 매체
- Marketing
- frozensea
- 경영전략
- olpost
- 대인관계
- 차가운바다
- 광고
- research
- 손자
- Dslr
- 소비자
- 손자병법 활용
- communication
- 경영전쟁
- 광고학개론
- 손무
- 마케팅
- 카메라
- Advertisement
- 커뮤니케이션
- cmos00
- 심리학
- 60d
- 손자병법
- 올포스트
- Today
- Total
cmos00
7. 아이콘 디자인 본문
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, 행동유도성)를 확보하는 새로운 디지털 디자인 언어를 구축
- 픽셀을 만질 수 있는 어떤 ‘물질’로 규정하는 일은 가상 세계에 동떨어진 어떤 것이 아니라
우리가 익숙하게 다뤄왔던 현실의 어떤 것과 비슷한 느낌을 주기 위함
- 공식라이브러리: design.google.com/icons
2) Product Icon
- 아이폰의 App Icon과 동일 범주
- Material Design의 중요 요소인 Simple, Digital Paper, Shadow, Balance를
잘 적용하여 디자인하길 권장
- 디자인 시 그리스 시스템에서 시작하는 것을 권장
- Material Design을 적용하지 않은 아이콘도 많으니 추후 디자인 시 참고
'+ 정리하기 > 모바일 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 |