Icons

아이콘은 대상, 유형, 행동 등을 시각화한 요소입니다. 한정된 공간에서 정보를 효율적으로 전달할 수 있으며, 사용자가 콘텐츠에 흥미를 느낄 수 있도록 시각적으로 유도하는 역할을 합니다.

특징

  • 대부분의 아이콘은 색상, 사이즈 변경이 쉽도록 SVG 형식을 사용합니다.
  • 형태가 복잡하거나 여러 컬러를 사용할 경우에는 기기별 해상도에 맞는 크기의 PNG 형식을 사용합니다.
  • 복잡한 형태는 피하고 대상의 기본 특성을 나타낼 수 있도록 합니다.
  • 아이콘에 대한 사용자의 이해는 경험을 기반으로 하기 때문에 사용자가 한눈에 식별할 수 있도록 의미가 분명한 익숙한 형태의 메타포를 사용합니다.
  • 아이콘은 높이 48px 기준으로 작업하고 주변 디자인 요소에 따라 적절한 크기로 적용합니다.
  • 컬러는 검정(#000000)으로 작업합니다.

에셋 관리

  • 아이콘을 사용하는 메뉴나 페이지의 이름보다는 아이콘의 형태 자체로 표기합니다.
  • 같은 모티브의 아이콘이 여러 개인 경우는 icon_1, icon_2로 관리합니다.
  • 새로운 이름인 경우에도 추후 같은 의미의 아이콘이 추가될 가능성이 있기 때문에 name_1처럼 숫자를 같이 표기합니다.
  • 형태가 같은 아이콘의 방향이 다른 경우 arrow_1_up, arrow_1_down과 같이 방향을 같이 표기합니다.