디자인 시스템

디자인 시스템이란?

웹이나 모바일 등 서비스 디자인에 적용된 디자인 스타일의 규칙이나 가이드라인

공통으로 사용된 컬러, 폰트, 레이아웃, UI 컴포넌트들에 대한 정의

디자인 시스템을 정의하고 정확하게 사용하면 디자인 작업을 효율적으로 하고, 디자인의 일관성을 유지할 수 있다. 

제품 전반에 일관성을 유지하여 사용자에게 친숙하고 안정된 느낌을 줄 수 있다. 

 

- UI 가이드라인 (스타일 가이드)

UI를 표준화하고 화면 간 일관성을 확보하기 위한 가이드

- UX 가이드라인

서비스와 브랜드 측면에서 사용자가 일관적이고 차별화된 경험을 하도록 하기 위한 가이드

- 디자인 시스템

디자인 원칙과 규격, 재사용할 수 있는 UI패턴과 컴포넌트, 코드를 포괄하는 시스템을 말함. 

정해진 디자인 패턴과 컴포넌트를 재사용하여 제품을 구축하고 개선하는 시간을 단축시켜준다.

 

여러 디자이너가 프로젝트에 참여하고 있는 경우에도 인터페이스가 일관성을 유지할 수 있도록 도와줌

 

Label, Button, Color 등 재사용되는 UI를 체계적으로 시스템화하여 효율성을 극대화

 

 

---

참고 :

디자인 시스템이 필요한 이유

https://yozm.wishket.com/magazine/detail/1830/

디자인 가이드 사례

https://brunch.co.kr/@5bb7412700ae45a/2

스포카

https://bi.spoqa.com/logotypes.html