gabiadesign | 디자인 시스템 모음
33570
single,single-post,postid-33570,single-format-standard,ajax_fade,page_not_loaded,,select-theme-ver-3.1,wpb-js-composer js-comp-ver-4.3.5,vc_responsive
thumb

디자인 시스템 모음

디자인시스템이란 웹이나 서비스 디자인에 적용된 디자인스타일의 규칙이나 가이드라인을 의미합니다. 공통으로 사용된 컬러, 폰트, 레이이아웃, UI 컴포넌트들에 대한 정의하고 볼 수 있습니다. 이러한 디자인 시스템을 정의하고 정확하게 적용하는 것이 디자인 작업을 효율적으로 만들고 디자인의 일관성을 유지할 수 있습니다. 디자인 시스템을 철저하게 만들수록 커뮤니케이션 오류나 같지 않은 부분에 대한 수정이 줄어들 것입니다. 디자인 시스템은 목적에 맞는 디장인과 효율적인 작업을 위해서 꼭 필요한 작업입니다.

 

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

내부
모든 디자이너는 추구하는 컨셉에 따라야하고, 모든 프로젝트에서 디자인 원칙을 탐조하여 제작해야 합니다. 내부에서 필요한 목적은 디자이너에게 분명한 목표를 제공하는 것입니다.

외부
사용자에게 컬러, 인터넥션, 패턴은 친숙함과 안정된 느낌을 제공합니다. 잘 계획되고 실행된 디자인시스템은 사용자의 경험을 극대화 합니다.

 

성공적인 디자인시스템

집중 : 디자이너가 다른 프로젝트를 방해하지 않고 프로젝트에 집중할 수 있습니다.
명확성 : 디자이너가 플랫폼 전반에 걸친 제약뿐만 아니라 방향성에 관해 명확하게 생각하도록 합니다.
자신감 : 디자이너가 디자인 한 내용에 대해 완전히 확신하고 팀의 다른 사람들과 일맥 상통 할 수 있습니다.
일관성 : 제품 전반에 일관성을 유지하여 플랫폼 전반에 걸쳐 안전하고 친숙한 환경을 조성합니다.
효율성 : 팀 전체에 대한 이해를 도모하여 덜 중요한 세부 사항에 집중하여 시간을 덜어줍니다.

 

링크

01
Design Systems Repo – 여러가지 디자인 시스템에 대한 링크와 글을 모아놓은곳
https://designsystemsrepo.com/

 

02
스포카 디자인 시스템
http://bi.spoqa.com/

 

03
에어비엔비
https://airbnb.design/cereal/introduction

 

04
Dropbox
https://dropbox.design/

 

05
Atlassian design guideline
https://atlassian.design/

 

06
Hudl Design System, Uniform 코드와 비주얼 디자인
https://www.hudl.com/toolkit

 

07
Miscrodoft Fluent Design System
https://www.microsoft.com/design/fluent/

 

08
Workday Canvas Design System
https://design.workday.com/

 

 

 

john

john / Gabia UI Designer

No Comments

Post a Comment

*