디자인언어시스템 (design language system)

디자인학
한 줄 정의: 색상, 타이포그래피, 컴포넌트, 간격 등 디자인 요소를 체계적인 규칙과 자산으로 정리하여 여러 제품과 팀에서 일관되게 활용할 수 있도록 만든 통합 체계이다.

쉽게 풀면

여러 제품이나 화면을 만들 때 같은 색, 글꼴, 부품을 쓸 수 있도록 규칙과 자료를 모아놓은 종합 세트예요. 그래서 여러 사람이 만들어도 화면들이 다 같은 스타일로 보이게 도와줘요.

왜 중요한가

디자인 언어 시스템은 브랜드의 시각·인터랙션 어휘를 원칙, 컴포넌트, 코드, 문서로 명시화한 체계로, 여러 제품과 팀이 같은 언어로 화면을 만들도록 합니다. Airbnb의 DLS(2016)가 이 이름을 대중화했고, 이후 디자인 시스템이라는 더 일반적 용어와 거의 동의어로 쓰이면서 대규모 디지털 조직의 표준 인프라가 되었습니다. 여러 팀과 제품에 걸쳐 일관된 디자인 결정을 자동으로 적용해 협업 효율을 높인다.

논문에서는 이렇게 쓰입니다

"디자인언어시스템 도입 이후 여러 팀에서 제작한 화면들 간의 시각적 일관성이 크게 향상되었다."

공통 디자인 자산 체계를 여러 팀이 함께 사용하여 결과물의 일관성을 확보한 사례를 설명한다.

"여러 제품팀에서 사용하는 컴포넌트 라이브러리를 조사하여 디자인언어시스템 채택률과 화면 일관성의 관계를 살펴보았다."

시스템이 실제로 여러 팀에서 얼마나 활용되는지를 확인함으로써 일관성 확보 효과를 검증하는 접근을 보여주는 사례이다.

조금 더 깊게 보면

디자인 언어 시스템과 디자인 시스템의 구분은 명확하지 않으며, 굳이 나누면 전자는 '언어'로서의 원칙과 표현 어휘를, 후자는 그것의 운영 인프라 전체를 강조합니다. 시스템이 있으면 일관성이 생긴다는 기대와 달리, 채택률이 낮으면 시스템 밖에서 만든 화면이 늘어나 파편화가 더 심해지므로 거버넌스가 필수입니다. 물리적 제품의 디자인 언어가 형태 미학 중심이라면 디지털 DLS는 상태, 동작, 접근성까지 규정해야 한다는 점에서 범위가 넓습니다. 디자인 언어 시스템은 색상, 타이포그래피, 컴포넌트 규칙을 코드로 명시해 여러 제품과 팀이 동일한 기준을 자동으로 따르게 하며, 문서로만 존재하는 스타일 가이드보다 실제 준수율이 높다. 구글의 머티리얼 디자인이나 애플의 휴먼 인터페이스 가이드라인처럼 공개된 체계가 업계 참고 사례로 자주 인용된다.

주의할 점

디자인언어시스템은 지속적인 관리와 업데이트가 없으면 실제 제품과 시스템 문서 간의 괴리가 발생하여 오히려 혼란을 일으킬 수 있다.

디자인 언어 시스템이 코드와 어긋난 채 방치되면 문서와 실제 화면 사이의 불일치가 누적될 수 있다.

개념 계통

상위 개념
같은 갈래

분야 전체 개념 지도 보기 →

관련 용어