Design System
👉 Summary: A design system is a set of standards to manage design at scale by reducing redundancy while creating a shared language and visual consistency across different pages and channels.
Definition: A design system is a complete set of standards intended to manage design at scale using reusable components and patterns.
요약: 디자인 시스템은 중복성을 줄여 디자인을 규모에 맞게 관리하는 동시에 다양한 페이지와 채널에서 공유 언어 및 시각적 일관성을 생성하는 표준 집합입니다.
정의: 디자인 시스템은 재사용 가능한 구성요소 및 패턴을 사용하여 규모에 맞게 디자인을 관리하기 위한 표준 사양입니다.
디자인시스템이란?
디자인 시스템에는 사용자 흐름, 콘텐츠 전략, 카피 및 어조의 패턴이 포함되는 것이다.
핵심 구성 요소를 중심으로 만들어진 개념, 디자인 결정 사항 또는 규칙들이 전체적으로 일관되게 사용되어야 한다.
뷰포트 간에 동일하게 유지할 수 있는 구성요소
서체
기본 단위
색깔
모양/형태
뷰포트에서 구분할 수 있는 구성요소
격자
레이아웃
글꼴 크기
측정(선 길이)
행간(줄 높이)
Jakob Nielsen과 Donald Norman은 UX 분야에서 전설적인 인물들. 아샬이 자주 참고한다(이 회사엔 없지만 앨런 쿠퍼도 포함).
사례
Gallery
디자인 시스템과 리액트에서 컴포넌트를 만드는 것이 일치하는 부분이 많다.
우리는 Theme과 Component라는 개념을 활용할 수 있다.
Atomic Design
디자인시스템을 만들기위 한 방법론
Last updated