디자인 시스템이란

반복되어 사용되는 컴포넌트나 리소스 등을 모아 만든 일종의 가이드라인이다. 컬러, 텍스트 스타일, 레이아웃, UI 구성요소 등을 정의한다. 중요한 건 디자인 시스템이 말 그대로 하나의 '시스템' 역할을 한다는 것이다. 단순히 UI 키드 수준의 도구가 아닌 브랜드 정체성과 팀의 의사결정 방식에 대한 지침과 같은 무형적인 요소까지 고려가 되어야 한다.

디자인 시스템의 필요성

즉, 디자인 시스템을 잘 구축하고 잘 사용하면 작업 디자이너, 기획자, 개발자 모두 작업 시간을 단축 시킬 수 있고, 일관성으로 인해 의견 차이를 좁힐 수 있다.

디자인 시스템 사례 (지마켓 디자인 시스템)

디자인 시스템이 어떤 식으로 구축 되어있는지 알아보기 위해 이런저런 디자인 시스템을 찾아보다가 지마켓 디자인 시스템이 베타 버전이지만 가이드라인 문서가 깔끔하고 시각화가 잘 되어있어서 다뤄보기로 했다.

Untitled

지마켓 디자인 시스템 가이드 라인은 크게 Brand, Foundation, Components 로 분류되어 있다.

Brand