아이콘 디자인 가이드
크기
- 기본 사이즈가 같아야 한다.
- 그리드 비율(8 또는 10)을 정해야 기본이 되는 사이즈를 정할 수 있다.
- e.g. 8px그리드를 사용한다면 16,24,32 .. 사이즈로 제작
- 색상
- 아이콘은 우선 검정색을 디자인을 한다.
- 마케팅용 브랜드에 중요한 요소일 때 2가지 이상 색 사용
- 3가지 이상 색상을 사용하면 아이콘이 아닌 일러스트레이션으로 인식
- 아이콘은 우선 검정색을 디자인을 한다.
- 그리드
- 픽셀 그리드는 가장 기본이 되는 수치적 토대
- 작업을 편리하게 해줌
- 선과 채우기
- 선 아이콘 : 작은 디테일 가능
- 같은 굴기가 되어야 함
- 선 사이 공간은 선보다 더 얇지 않도록 주의
- 채워진 아이콘 : 형태를 인지하기 쉬움
- 선 아이콘 : 작은 디테일 가능
- 터치 영역
- 터치를 쉽게 하고, 간격 조정을 편리하게 하도록 아이콘 주변에 적절한 공간을 만들어준다.
- 기본 24사이즈의 아이콘 터치 영역은 그 두 배인 48
- 터치를 쉽게 하고, 간격 조정을 편리하게 하도록 아이콘 주변에 적절한 공간을 만들어준다.
- 이름
- 명시적인 형태를 기준으로 심볼/파일명
- e.g. 스톱워치 아이콘의 경우
speed
가 아닌stopwatch
- e.g. 스톱워치 아이콘의 경우
- 명시적인 형태를 기준으로 심볼/파일명