디자인 시스템 사용하기

 

디자인 시스템이란?

디자인 시스템은 '서비스의 목적에 맞도록 일관되게 구성한 일련의 패턴과 공유된 규칙 언어'라고 설명하고 있어요.
보통 제품을  디자인하기 전 공통으로 사용하는 컬러, 폰트, 레이아웃, ui 구성 요소 등을 구비해 놓는 하나의 디자인 부품이라고 생각하면 됩니다.

 

디자인 시스템의 구성요소

디자인 시스템은 보통 제품을 만들 때 공통적으로 사용하는 요소인 레이아웃 설정부터 버튼 형태, 타이포는 무엇을 사용할 건지, 어떠한 색상을 사용할 건지 화면상 보이는 모든 것들을 원칙으로 정해 놓고 시작해요.
이러한 요소들을 정의해 놓으면 제품을 만들 때 원칙으로 사용되어 이럴 땐 이 색상을 사용하고 저럴 땐 이 색상을 사용하는구나 알 수 있죠.

 

디자인 시스템을 왜 사용하나요?

제품의 브랜드 일관성을 위해

제품을 만들 때 각각 다른 폰트를 사용하거나, 버튼의 모양, 크기 색상이 통일성 없이 제품이 만들어진다면 제품의 퀄리티도 떨어지게 되고, 제품의 브랜드 아이덴티티도 일관성 있게 전달되지 못하게 돼요. 또한 하나의 회사에서 만들어진 제품이라 할지라도 각각 다른 회사가 만든 것처럼 보이고, 이는 회사의 브랜드 아이덴티티가 확립되지 않은 것처럼 보여져요.

그렇기에 공통의 브랜드 아이덴티티와 제품의 일관성을 전달하기 위해선 디자인 시스템이 꼭 필요해요.

원활한 커뮤니케이션을 위해
제품을 만들기 전 고려해야 할 사항들이 많습니다. 제품의 개발과 관련된 사항부터 기획, 디자인까지 다양한 직무의 사람들이 모여 하나의 제품을 만들어 갑니다. 이때 디자인 시스템은 의사소통에 있어서 공통의 기준이 됩니다.  
모두가 공감하고 하나의 원칙을 적용하기 때문에 다양한 직무 간  원활한 커뮤니케이션을 도와줍니다.

작업의 효율성을 위해
디자인 작업을 하셨던 분이라면 공감하실 내용일 텐데요, 버튼 하나를 만들어도 여기에 들어가는 버튼 따로 만들고 저기에 들어가는 버튼 따로 만들고 화면의 모든 요소들을 하나하나 만들어야 하기 때문에 작업 시간이 오래 걸리게 돼요. 이런 상황에서 디자인 시스템은 불필요한 작업 시간을 줄여줍니다. 또한 개발자분들에게도 공통의 디자인 시스템을 한 번만 적용하면 라이브러리를 통해 작업할 수 있기 때문에 개발 시간을 단축시킬 수 있어요.

제품의 확장성을 위해
회사가 점점 성장하고 다양한 협업관계를 이루고 있다면 디자인 시스템의 필요성을 점점 커질 것이에요.
빠르게 회사가 가진 공통의 브랜드 아이덴티티를 제품에 녹여 시장에 선보여야 하죠. 제품의 확장성을 위해 우리 회사가 가진 브랜드를 널리 알리기 위해 공통의 디자인 시스템을 가지고 일관성 있게 사용자에게 또는 협엽관계에 있는 사람들에게 전달해야 합니다. 

카카오처럼 하나의 메신저 서비스에서 카카오 택시, 카카오 뱅크, 카카오 페이만 봐도 모두 카카오의 제품으로 보이죠?

 

이렇게 디자인 시스템은 회사가 성장할수록 꼭 필요한 시스템이에요.

디자인 시스템을 사용해 본다면 디자인 시스템의 효과를 몸소 체험하실 수 있을 거예요.

 

 

디자인 시스템 제작 시 고려해야 할 사항

디자인 시스템을 제작할 때 중요한 몇 가지 사항들이 있어요.

디자인 시스템은 회사 내 다양한 직무 간 소통 체계고 회사의 브랜드이기 때문에 이를 헤치지 않게 제작을 해야 하는데요,

지금부터 제작 시 고려해야 할 사항들을 알아보도록 할게요.

 

통일성 있게 제작하기
디자인 시스템은 다양한 직군이 함께 보는 것이기 때문에 문서화가 굉장히 중요해요.
타이틀과 본문 내용은 어떻게 할 것인지 어떤 말투와 어투로 할 것인지, 어떤 레이아웃으로 잡을 것인지 전체적인 틀을 통일성 있게 제작해야 합니다.

공통의 언어로 제작하기
디자인 시스템은 제품을 만드는 구성원들이 함께 사용하는 문서예요.
그렇기에 디자인, 개발, 기획자 모두가 공통으로 사용할 수 있는 네이밍을 고려해야 해요.

Blue_first_01과 같이 누구나 이 명칭을 봤을 때 아! 그색이구나! 할 수 있게 네이밍을 지어야 해요.

범위 설정하기
디자인 시스템의 범위는 굉장히 광범위하기 때문에 디자인 시스템을 구축할 때 어느 정도 범위까지 디자인 시스템으로 만들어 놓겠다는 것을 미리 사전에 설정을 해놔야 해요.
세세하게는 각 운영체제별로 시스템을 제작할 수 도 있고, 러프하게는 타이포와, 해상도 사이즈, 입력폼, 색상 등 디자인 요소 몇 가지만 시스템으로 제작할 수도 있어요. 이는 현재 제품의 상황을 파악한 후 효율적으로 할 수 있는 방안으로 제작한 후 점차 범위를 확장해 나아가도 괜찮아요.


이렇듯 디자인 시스템은 제품의 생산성과 일관된 사용자 경험과 브랜드를 전달하기 위해 필요해요.
회사가 성장하고 구성원들이 많아질수록 디자인 시스템의 가치는 더 크게 느껴질 거예요.
처음 디자인 시스템을 접한다면 또 하나의 언어와 비슷하게 학습하는 시간이 필요로 할 거예요.

그 후엔 확실히 작업과 협업하는 과정들이 눈에 띄게 달라짐을 느끼실 수 있을 거예요.