Iconography

아이콘은 Mobile, Web 구분없이 사용 가능하며 규정된 가이드에 따라 사용하도록 권장합니다. 아이콘은 톤을 맞춰 작업하고, 웹에서 사용시 _hover에 대한 기준을 정의해주도록 합니다. 배수의 기준을 정하고 사이즈 구분을 지어 상황에 맞게 원칙을 세워 디자인하고 사용하도록 합니다. (20px, 24px, 32px, 40px)

<icon size>

• 배수는 8배수 기준으로 합니다. (필요한 경우 2,4 배수의 짝수 비율로 사용 가능합니다.)

• 모바일과 같은 디바이스에서 사용되는 아이콘은 사용자의 터치 영역을 고려해 아이콘을 둘러싼 충분한 여백을 고려해야 합니다.

• 프로젝트에 따라 아이콘의 스타일 변경이 가능하며, 새롭게 제작되어지는 아이콘들은 동일한 스타일로 제작하도록 권장합니다. (라인두께, 라운드 값, 크기, 시각적 밸런스 등)

1. Bold Icon

상, 하단 메뉴바에서 주로 사용되는 아이콘입니다.

2. Nomal Icon

기본이 되는 아이콘입니다. 아이콘 셋은 시각적 밸런스를 맞추어 통일성있게 디자인하도록 합니다. 아이콘이 추가되어야 는 경우 그래픽 톤을 맞춰 제작해 사용하도록 합니다.

3. Etc Icon

Form, Text, Map등에서 사용되어지는 별도의 아이콘 형태입니다.

4. hover

hover 영역을 고려하여 아이콘을 제작합니다.

<hover에 대한 기준 정의>

5. control

체크박스, 라디오 버튼, 토글 버튼 등 사용자가 컨트롤 가능한 아이콘입니다.