Iconography
아이콘은 복잡한 개념이나 기능을 간단하고 직관적인 시각적 표현으로 전달합니다.
제한된 공간을 효율적으로 활용할 수 있으며, 인터페이스를 간단하게 탐색할 수 있도록 합니다.
아이콘은 기능과 특징을 전달하기 위한 문자적 표현을 포함할 수 있습니다.
모든 사용자가 이해할 수 없는 메타포를 단독으로 사용하지 않습니다.
아이콘은 크기와 모양, 두께는 명확한 규칙과 무게감을 가져야 합니다.
포커스 전, 후의 상태를 컬러 변화를 통해 명확히 구분합니다.
텍스트와 함께 배치되는 경우 텍스트 높이 값과 균형을 이루는 크기를 사용합니다.
텍스트와 아이콘의 영역 내 중앙 정렬을 합니다.
Grid And Keyline
일정한 크기의 그리드와 키라인 내에서 작업하여 화면 상에서 균형감과 무게감이 일치하도록 합니다.
Basic
Keyline
Icon Style
아이콘은 명료함, 일관성을 가지고 제작하며, 라운드 형태의 둥근 모서리가 특징입니다.
Type
General Icon
기본 아이콘은 라인 스타일의 아이콘을 사용합니다.
아이콘은 가독성을 위해 단순 명료하게 표현합니다.
아이콘의 의미 전달에 불필요한 표현은 생략합니다.
일관된 라인 굵기를 사용합니다.
하나의 아이콘에서 다양한 라인의 굵기를 사용하지 않습니다.
쉽고 편안하게 인지 가능한 평면적 형태로 표현합니다.
복잡도가 높은 입체적 아이콘 형태는 지양합니다.
온/오프의 상태가 변화하는 아이콘의 경우 상태를 명확하게 표현합니다.
Usage
General Icon
아이콘의 의미가 명확하고 직관적일 경우 단독적으로 사용할 수 있으며, 간단한 텍스트 라벨과 함께 사용할 수 있습니다.
이동, 삭제 등 특정한 기능을 안내해 주는 아이콘의 경우 텍스트의 우측에 배치합니다.
특정 기능, 브랜드가 있는 경우 로고를 아이콘으로 사용할 수 있습니다.