본문 바로가기
UX·UI/Daily UI

Daily UI 005 / App Icon 앱 아이콘

by 박해마 2024. 1. 23.

5번째 과제: App Icon 앱 아이콘 디자인
 

Apple Human Interface Guidelines - App icons
https://developer.apple.com/design/human-interface-guidelines/app-icons
이 문서에서 앱 아이콘 가이드라인을 읽을 수 있다.

Apple Design Resources
https://developer.apple.com/design/resources/
Apple은 무려 피그마 파일까지 공유해주는 최고의 기업이다.
앱 아이콘 사이즈부터 그리드까지 뜯어볼 수 있다.

 

주제: 타이포를 이용한 앱 아이콘 디자인
특히 알파벳 한글자 (ex. Netflix, Runday, 하나머니, 엘포인트, Mc'Donalds, Naver, Google, Pixiv 등)

 

- 알파벳 B를 부드럽고 상큼한 이미지로 폰트 디자인했다.
- 근데 사실 특정 브랜드를 구상하여 제작한 로고는 아니고, 그냥 보기 좋은 것을 만들었다.
 

- 아이폰에서는 이렇게 구현된다. 직접 홈화면에 있는 모습을 보니, 내 아이콘에 사용된 배경화면이 아주 희멀그레해보인다는 것을 알 수 있었다. 브랜드 컬러를 정해서, 단색 배경에 가까운 background를 까는 게 더 효과적일 것같다. 그 브랜드 컬러를 앱 내에서도 메인 컬러로 사용하는 건 당연하다.