KRDS
대한민국 정부 디자인 시스템 KRDS는 누구나 쉽게 정부 서비스를 경험할 수 있도록 가이드라인과 디자인 리소스 및 디자인 시스템 구축을 위한 모든 자료와 최신 정보를 제공한다.
Contents
디자인 시스템이란?디자인 시스템을 이루는 3가지 구성 요소1) 원칙과 방향성2) Foundations3) Components국내 디자인 시스템 사례 1. KRDSKRDS대한민국 정부 디자인 시스템 KRDS는 누구나 쉽게 정부 서비스를 경험할 수 있도록 가이드라인과 디자인 리소스 및 디자인 시스템 구축을 위한 모든 자료와 최신 정보를 제공한다.2. LINE Design SystemLINE Design SystemLINE Design System is an integrated set of guidelines for components, interaction methods, and other aspects that contribute to LINE's design and user experience.3. KT UX Design SystemKT UX Design System모든 서비스 경험을 하나의 흐름으로 연결하는 원칙과 가이드를 소개합니다.4. Codeit Design SystemCodeit Design System일관된 사용자 경험과 효율적인 개발을 위한 Codeit의 디자인 시스템. UI 컴포넌트, 디자인 토큰, 가이드라인을 제공합니다.Codeit Design System 바로가기디자인 시스템이란?
디자인 시스템을 한 문장으로 정의하면, 일관된 사용자 경험을 빠르고 안정적으로 만들기 위한 공통 기준입니다. 버튼이나 컬러를 모아둔 UI 라이브러리와는 다릅니다. 디자인 시스템은 어떤 선택이 더 우리 브랜드에 부합할지 판단하는 기준부터 어떻게 구현하고 운영할지까지 포함합니다. 제품이 커질수록, 팀이 커질수록, 기능이 복잡해질수록 디자인 시스템이 중요한 이유도 여기에 있습니다.
- 같은 화면을 만들어도 사람마다 결과가 달라지는 문제
- 디자이너 · 개발자 · PM이 서로 다른 언어로 대화하는 문제
- 다크모드, 접근성, 반응형 같은 요구가 늘어날수록 유지보수 비용이 폭증하는 문제
아래에서는 디자인 시스템을 구성하는 요소를 정리하고, 추천하는 국내 사례들(KRDS, LINE, KT, Codeit)을 함께 살펴보겠습니다.
디자인 시스템을 이루는 3가지 구성 요소
1) 원칙과 방향성
Design Principles / Brand Direction
디자인 시스템의 시작점은 의외로 컴포넌트가 아닙니다. 제품이 일관된 경험을 제공하려면, 결국 무엇이 우리답고, 어떤 경험이 좋은 경험인지에 대한 판단 기준이 필요합니다. 그래서 성숙한 디자인 시스템은 보통 다음을 포함합니다. 이 원칙이 단단할수록, 구성 요소가 늘어나도 시스템이 흔들리지 않습니다.
- 브랜드가 추구하는 경험의 방향성(톤&매너, 가치, 메시지)
- 제품 전반에 적용되는 디자인 원칙(일관성, 접근성, 효율, 자율성 등)
- 의사결정에 쓰이는 문장(이럴 땐 이렇게 한다)
Keyword
브랜드 키워드는 우리의 정체성과 가치를 압축적으로 담아냅니다. 고객과 만나는 모든 접점에서 일관된 메시지를 전달하도록 돕고, 콘텐츠·서비스 경험 전반에 걸쳐 브랜드가 지향하는 방향성을 명확히 보여줍니다.
긍정적인 | 배움이 가진 긍정적인 본질에 집중하는 서비스 |
진정성 있는 | 교육에 대한 진정성을 지닌 팀원들이 함께 만들어가는 서비스 |
몰입하는 | 학습자가 학습에만 온전히 집중할 수 있는 서비스 |
깔끔한 | 불필요한 요소를 제거하고 핵심 전달에 집중한 정돈된 서비스 |
보편적인 | 누구나 일관되게 경험할 수 있는 서비스 |
스마트한 | AI 기술과 새로운 시스템 등을 통해 스마트하고 효율적인 방법을 제시하는 서비스 |
2) Foundations
디자인 언어의 최소 단위
파운데이션(Foundation)은 디자인 시스템의 근간을 이루는 요소들을 정의하며, 일관된 시각 언어와 톤앤매너를 구축해 모든 컴포넌트와 패턴 설계의 기준이 됩니다. 컬러, 타이포그래피, 간격(Spacing), 레이아웃, 라운드 값(Radius), 아이콘 등 화면을 구성하는 기본 규칙이 여기에 들어갑니다.
↓각 요소별 텍스트를 클릭하면 자세한 설명을 보실 수 있습니다↓3) Components
재사용 가능한 UI 단위와 스펙
컴포넌트(Component)는 일관된 디자인 원칙에 따라 설계된 재사용 가능한 UI 요소입니다. 반응형 환경에 최적화되어 다양한 디바이스에서도 동일한 사용자 경험을 제공합니다. 이를 통해 디자인 시스템의 유지 보수성과 확장성을 높이고, 효율적인 인터페이스 설계를 지원합니다.
↓각 요소별 텍스트를 클릭하면 자세한 설명을 보실 수 있습니다↓국내 디자인 시스템 사례
1. KRDS
KRDS(Korea Design System)는 디자인 시스템이 가장 보수적이고 공공적인 환경에서 어떻게 작동해야 하는지를 보여주는 대표적인 사례입니다. 규모가 커질 조직, 접근성과 신뢰가 중요한 서비스,디자인 시스템의 기본 구조를 이해하고 싶은 팀에게 가장 먼저 참고하기 좋은 디자인 시스템입니다.
2. 
LINE Design System
LINE Design System
LINE Design System is an integrated set of guidelines for components, interaction methods, and other aspects that contribute to LINE's design and user experience.
LINE Design System
LINE Design System is an integrated set of guidelines for components, interaction methods, and other aspects that contribute to LINE's design and user experience.
LINE Design System은 전 세계 다양한 서비스가 하나의 일관된 사용자 경험을 유지하도록 지원하는 글로벌 규모의 디자인 시스템입니다. 서비스별 요구와 브랜드 정체성을 유지하면서도 공통의 디자인 언어로 협업과 확장을 지원하는 구조가 특히 참고할 만합니다.
3. 
KT UX Design System
KT UX Design System
모든 서비스 경험을 하나의 흐름으로 연결하는 원칙과 가이드를 소개합니다.
KT UX Design System
모든 서비스 경험을 하나의 흐름으로 연결하는 원칙과 가이드를 소개합니다.
KT UX 디자인 시스템은 KT의 다양한 디지털 서비스 전반에 일관된 사용자 경험을 제공하기 위한 통합 UX 기준입니다. 규모가 크고 다양한 서비스가 공존하는 환경에서 일관된 경험과 협업 효율을 높이기 위한 공통 기준을 제시한다는 점에서 참고 가치가 높습니다.
4. 
Codeit Design System
Codeit Design System
일관된 사용자 경험과 효율적인 개발을 위한 Codeit의 디자인 시스템. UI 컴포넌트, 디자인 토큰, 가이드라인을 제공합니다.
Codeit Design System
일관된 사용자 경험과 효율적인 개발을 위한 Codeit의 디자인 시스템. UI 컴포넌트, 디자인 토큰, 가이드라인을 제공합니다.
Codeit Design System은 ‘배움의 기쁨’을 일관되게 전달하기 위한 기준과 협업 약속으로 설계된 시스템입니다. 브랜드 가치에서 출발해 디자인 언어를 정의하고, 협업과 사용자 경험을 동시에 고려하도록 문서화되어 있습니다.
Share article