아이콘은 정면에서 본 모습으로

KRDS DS-093 — 아이콘의 시점을 Perspective view가 아닌 Front view로 적용하고 있다.

0. 들어가며 — 아이콘을 바라보는 ‘시점’

이번 93편은 아이콘의 시점(view) — Perspective view(원근/입체 시점)가 아닌 Front view(정면 시점) 입니다.

같은 물체라도 정면에서 본 모습(평면적)과 비스듬히 본 모습(입체적·원근)이 다릅니다. 아이콘을 입체적 원근으로 그리면 화려하지만 복잡하고, 정면으로 그리면 단순하고 명료하죠. KRDS는 정면 시점(Front view) 을 표준으로 정합니다. 이번 편은 아이콘 시점 통일을 풀어냅니다.

1. 규칙 원문 — Front view

DS-093 (디자인 스타일 > 아이콘) “아이콘의 시점을 Perspective view가 아닌 Front view로 적용하고 있다.”

아이콘을 비스듬한 원근(perspective)이 아니라 정면(front) 에서 본 모습으로 그리라는 뜻입니다.

정리: 아이콘은 정면 시점(Front view)으로 그려라. 이게 DS-093입니다.

2. 왜 정면 시점인가

정면 시점이 아이콘에 적합한 이유는 명료함과 일관성 입니다.

명료함

정면 시점은 물체를 평면적으로 단순하게 표현합니다. 작은 아이콘 크기에서 형태가 또렷하게 인식되죠. 반면 원근(입체) 시점은 깊이감을 위해 형태가 복잡해져, 작은 크기에서 뭉개지고 무슨 형태인지 알기 어렵습니다. 아이콘의 목적은 ’한눈에 의미 전달’이라, 단순하고 명료한 정면 시점이 적합합니다.

일관성

여러 아이콘을 정면 시점으로 통일하면 세트가 일관됩니다. 일부는 정면, 일부는 원근이면 시점이 제각각이라 어긋나 보이죠. 정면으로 통일하면 모든 아이콘이 같은 ‘바라보는 각도’를 공유해 정돈됩니다. 이는 두께·모서리·시점 같은 형태 디테일을 통일하는 ’아이콘 일관성’ 원리(82·83편)의 연장입니다.

정부 서비스의 시스템 아이콘은 기능을 명료하게 전달하는 것이 우선이므로, 화려한 입체 원근보다 단순한 정면 시점이 맞습니다. 명료함과 일관성 둘 다 정면 시점이 유리하죠.

3. 점검 / 개선

무엇을 점검하나

정면 시점 — 아이콘이 정면(front)에서 본 모습인가.

통일 — 모든 아이콘이 정면 시점인가.

4. 누가 담당하나 / 우리 사이트에 해당될까?

역할	책임
디자이너	아이콘을 정면 시점으로 제작

기관 유형	DS-093 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수

아이콘을 쓰는 사이트 = 해당. KRDS 아이콘 사용 시 자동.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 아이콘이 정면 시점(Front view) 인가요?

□ 입체적 원근(perspective) 아이콘이 섞이지 않았나요?

□ 모든 아이콘 시점이 통일됐나요?

❓ FAQ

Q1. 입체 아이콘이 멋있지 않나요? 화려하지만 작은 크기에서 복잡해 의미 전달이 어렵습니다. 아이콘은 명료함이 우선이라 단순한 정면 시점을 씁니다. Q2. 시스템 아이콘만 적용되나요? 네, 기능을 나타내는 시스템 아이콘에 적용됩니다. 일러스트 같은 장식 이미지는 별개입니다. Q3. KRDS를 채택하면 자동인가요? KRDS 아이콘은 정면 시점으로 제작돼 있습니다.

6. 마무리

DS-093의 메시지:

아이콘은 정면에서 본 모습으로 — 명료하고 일관되게.

정면 시점은 아이콘을 단순·명료하게 만들어 작은 크기에서도 또렷하고, 세트의 시점을 통일합니다. 화려한 입체보다 명료한 정면이 시스템 아이콘에 맞죠.

다음 편은 아이콘 타입을 다룹니다. DS-094 — “아이콘의 타입(Line type, Fill type)을 혼용하지 않고 구분해 사용한다.”

다음 편 예고 ▶ 「094. 아이콘의 타입(Line type, Fill type)을 혼용하지 않고 구분하여 사용하고 있다.」

ViewCheck는 아이콘이 정면 시점(Front view)으로 통일됐는지를 진단합니다.

📚 참고 출처

KRDS 아이콘(Icon) 스타일 가이드 — https://www.krds.go.kr/html/site/style/style_05.html

KRDS #ViewCheck #공공웹사이트 #전자정부 #디지털정부 #웹접근성 #디자인시스템 #UIUX #UI컴포넌트 #웹표준

KRDS,ViewCheck,공공웹사이트,전자정부,디지털정부,웹접근성,디자인시스템,UIUX,UI컴포넌트,웹표준