꺼짐 사선도 방향을 통일

KRDS DS-085 — 꺼짐(‘off’ slash)의 방향을 통일하여 표현하고 있다.

0. 들어가며 — ’꺼짐’을 나타내는 사선

아이콘에는 ’꺼짐·없음·금지’를 나타내는 사선(slash) 이 있습니다 — 소리 끔(🔇), 알림 끔, 와이파이 끔 처럼 아이콘 위에 대각선이 그어진 것이죠. 이번 85편은 이 꺼짐 사선(‘off’ slash)의 방향을 통일하라는 규칙입니다.

꺼짐 사선의 방향(좌상→우하 또는 우상→좌하)이 아이콘마다 다르면 일관성이 깨집니다. DS-085는 이 방향을 통일하라고 규정하죠. 이번 편은 꺼짐 사선 방향 통일의 의미를 간단히 풀어냅니다.

1. 규칙 원문 — 방향 통일

DS-085 (디자인 스타일 > 아이콘) “꺼짐(‘off’ slash)의 방향을 통일하여 표현하고 있다.”

꺼짐을 나타내는 사선의 방향을 모든 아이콘에서 일관되게 하라는 뜻입니다.

정리: 꺼짐 사선의 방향을 통일하라. 이게 DS-085입니다.

2. 왜 통일하나

꺼짐 사선의 방향이 아이콘마다 다르면(소리 끔은 좌상→우하, 알림 끔은 우상→좌하) 어색하고 정돈되지 않아 보입니다. 사용자는 ’꺼짐’이라는 같은 의미인데 표현이 제각각이라 미묘한 위화감을 느끼죠.

방향을 통일하면 — 모든 꺼짐 사선을 같은 방향으로 — 꺼짐 상태가 일관된 시각 패턴으로 인식됩니다. 사용자는 ‘이 방향 사선 = 꺼짐’을 학습해, 어떤 아이콘이든 꺼짐 상태를 즉시 알아보죠. 이는 밑줄을 링크 전용으로 통일한 것(42편), 상태 색을 의미에 통일한 것(13편)과 같은 ’신호 일관성’ 원리입니다. 같은 의미는 같은 표현 으로 통일해야 신호가 명확해집니다. 구체적 방향은 다음 편(DS-086)에서 좌상→우하로 정해집니다.

3. 점검 / 개선

무엇을 점검하나

방향 통일 — 모든 꺼짐 사선이 같은 방향인가.

신호 일관성 — 꺼짐 표현이 일관되게 인식되는가.

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

역할	책임
디자이너	꺼짐 사선 방향 통일 제작

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

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

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 꺼짐 사선의 방향이 통일됐나요?

□ 아이콘마다 사선 방향이 제각각이지 않나요?

❓ FAQ

Q1. 어느 방향이 표준인가요? 좌측 상단에서 우측 하단 방향입니다(다음 편 DS-086). 핵심은 모든 아이콘에서 같은 방향으로 통일하는 것입니다. Q2. KRDS를 채택하면 자동인가요? KRDS 아이콘은 꺼짐 사선 방향이 통일돼 있습니다.

6. 마무리

DS-085의 메시지:

꺼짐 사선도 방향을 통일 — 같은 의미(꺼짐)는 같은 표현으로.

꺼짐 사선 방향이 제각각이면 위화감을 주지만, 통일하면 ’이 사선 = 꺼짐’을 일관되게 인식하게 됩니다. 신호 일관성 원리가 아이콘 디테일에 적용된 것이죠.

다음 편은 그 방향의 구체적 기준을 다룹니다. DS-086 — “꺼짐 사선을 좌측 상단에서 우측 하단 방향으로, 여백은 선 두께의 1/2(0.8px)로 한다.”

다음 편 예고 ▶ 「086. 꺼짐(‘off’ slash)의 방향을 좌측 상단에서 우측 하단 방향으로 표현하고, 오브제와 슬래시의 여백을 선 두께의 1/2(0.8px)로 사용하고 있다.」

ViewCheck는 꺼짐 사선 방향이 통일됐는지를 진단합니다.

📚 참고 출처

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

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

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