아이콘 모서리 모양도 통일

KRDS DS-083 — 라인 모서리의 모양을 아이콘 형태에 따라 통일하여 사용하고 있다.

0. 들어가며 — 아이콘 선의 ‘모서리’

이번 83편은 아이콘 선이 꺾이거나 끝나는 모서리(corner)의 모양을 다룹니다 — 아이콘 형태에 따라 통일.

라인 아이콘에서 선이 꺾이는 부분(각진 모서리 vs 둥근 모서리)이나 끝나는 부분의 모양은 아이콘의 인상을 좌우합니다. 어떤 아이콘은 각진 모서리, 어떤 건 둥근 모서리면 세트가 제각각으로 보이죠. DS-083은 이 모서리 모양을 아이콘 형태에 따라 통일하라고 규정합니다. 이번 편은 아이콘 모서리 통일을 풀어냅니다.

1. 규칙 원문 — 모서리 통일

DS-083 (디자인 스타일 > 아이콘) “라인 모서리의 모양을 아이콘 형태에 따라 통일하여 사용하고 있다.”

아이콘 선의 모서리(꺾임·끝) 모양을 일관되게 통일하라는 뜻입니다.

정리: 아이콘 선의 모서리 모양을 통일하라. 이게 DS-083입니다.

2. 왜 통일하나

아이콘 모서리 모양이 제각각이면 세트의 일관성이 깨집니다. 한 아이콘은 각진 모서리(딱딱한 인상), 다른 건 둥근 모서리(부드러운 인상)면, 함께 있을 때 ’다른 스타일’로 보여 어긋나죠.

모서리 모양을 통일하면 — 예를 들어 모든 아이콘의 꺾임을 둥글게(다음 편 DS-084), 끝을 둥근 형태로 — 아이콘 세트가 일관된 성격을 갖습니다. 이는 두께 통일(82편), 레디어스 일관성(47편)과 같은 ‘세트 일관성’ 원리입니다. 아이콘의 형태적 디테일(두께·모서리·끝모양)이 모두 통일되어야 비로소 ’한 세트’로 보이죠. 모서리 모양은 그중 하나의 디테일입니다.

3. 점검 / 개선

무엇을 점검하나

모서리 통일 — 아이콘 선 모서리 모양이 일관된가.

세트 일관성 — 함께 쓰이는 아이콘들이 통일됐는가.

흔한 위반

각진·둥근 모서리 혼재 → 통일.

다른 세트 아이콘 혼용 → 일관된 세트.

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

역할	책임
디자이너	아이콘 모서리 모양 통일 제작

기관 유형	DS-083 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수 (아이콘 사용 시)

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

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 아이콘 선 모서리 모양이 통일됐나요?

□ 각진·둥근 모서리가 혼재하지 않나요?

□ 다른 세트 아이콘을 섞지 않았나요?

❓ FAQ

Q1. 어떤 모서리가 표준인가요? KRDS는 둥근 끝(end cap) 형태를 씁니다(다음 편 DS-084). 모서리 모양을 통일하는 것이 핵심입니다. Q2. KRDS를 채택하면 자동인가요? KRDS 아이콘 세트는 모서리 모양이 통일돼 있습니다.

6. 마무리

DS-083의 메시지:

아이콘 선 모서리 모양도 통일 — 형태 디테일이 통일되어야 ’한 세트’로 보인다.

모서리 모양이 제각각이면 아이콘 세트가 어긋나 보입니다. 두께·모서리·끝모양 같은 형태 디테일을 통일해야 아이콘이 한 세트로 정돈됩니다. 일관성 원리의 또 다른 적용이죠.

다음 편은 모서리의 구체적 형태를 다룹니다. DS-084 — “라인 모서리 모양을 end cap의 둥근 형태로 사용 한다.”

다음 편 예고 ▶ 「084. 라인 모서리의 모양을 end cap의 둥근 형태로 사용하고 있다.」

ViewCheck는 아이콘 선 모서리 모양이 통일됐는지를 진단합니다.

📚 참고 출처

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

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

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