디자인 시스템은 요즘 여러 기업에서 구축하여 사용하고 있습니다. 대부분 자사의 서비스를 보유하고 있으며 비슷한 디자인 컨셉으로 여러 프로젝트를 진행하는 기업일 수록 더욱 더 디자인 시스템을 활용합니다.
Why
디자인 시스템이 가지는 이점은 다음과 같습니다.
1. 재사용성
2. 일관성
3. 확장성, 빠른 신규 개발 가능(빠른 성장 가능)
How
1. 디자인 원칙 정하기
디자인 시스템을 구축하기 위해서는 전체적인 디자인 원칙을 잡아야 합니다. 이 원칙을 기반으로 전체적인 서비스 디자인의 일관성을 유지하여 디자인 시스템의 재사용성이 높아질 수 있는 방향으로 나아가야 합니다.
여기서 중요한점은 모든 도메인이나 상황에 쉽게 활용 할 수 있는 디자인 에셋을 만드는 것이 중요합니다. 뿌리가 깊은 나무가 흔들리지 않는 것처럼 잘 만든 디자인 에셋이 효율적인 디자인 시스템을 만들 수 있습니다.
2. 순서대로 디자인 시스템 구축하기
위에서 컨셉을 정했다면 하나씩 디자인 시스템을 구축합니다.
- UI 기본 요소 : 컬러 팔레트, 텍스트 스타일, 크기, 아이콘 등등
- UI 구성 요소 : 버튼, 칩, 컨트롤, 인풋 등등
UI 구성 요소를 활용하여 모든 도메인이나 상황에서 자주 사용되는 더 큰 요소도 만들어 재사용하면 좋다. atomic 디자인 패턴으로 생각해봤을때 atomics, molecules, organisms, template 중에서 어디까지 디자인 시스템으로 만들지에 대해 고민해봐도 좋을꺼 같다.
Result
빠르게 변화하고 빠르게 성장하는 시대에서 빠른 개발은 큰 무기가 될 수 있습니다. 탄탄한 기반이 다져진 디자인 시스템으로 다양한 프로젝트를 쉽게 만들 수 있다면 무한한 성장이 가능할 것입니다.
참고 자료 : https://medium.com/coupang-engineering/introducing-coupangs-design-system-baeb117949f1
