본문으로 건너뛰기

아이콘 디자인 가이드

크기

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

Reference