앱 UI 디자인 기본 : 아이콘 디자인시 알아야 할 개념 및 가이드라인

아이콘 제작시 고려해야 할 핵심

1. 직관적인 아이콘

2. 통일된 스타일 아이콘

3. 단순한 아이콘

4. 아이콘 규격 및 시각보정

 

• 지나치게 단순화 하거나 디자이너 본인만 아는 아이콘은 절대 사용하지 않는다.
• 통일된 스타일로 아이콘을 제작한다.

 

아이콘 스타일 종류

 

두께에 따라 다른 느낌

 

 

아이콘 예시

 

🧐 오른쪽 아이콘이 너무 단순해서 왼쪽 아이콘이 더 잘된 아이콘일까?

 

➡️ 24x24 실제 사이즈로 아이콘을 살펴보면 왼쪽 아이콘의 경우 형태를 파악할 수 없다.

    단순하게 표현한 오른쪽 아이콘이 작은 크기에서도 한 눈에 뜻을 파악할 수 있다.

 

 

아이콘 사이즈

 

 

부피에 따른 느낌

같은 100x100 사이즈이지만 왼쪽이 더 커보이는 착시현상같이 느껴진다.

실제로 원의 넓이는 πxr^2이다.

 

 

아이콘 사이즈 - Keyline