Skip to content

Latest commit

 

History

History
32 lines (19 loc) · 1.37 KB

Design System.md

File metadata and controls

32 lines (19 loc) · 1.37 KB

Design System

  • 디자인 원칙, 규격, 다시 사용할 수 있는 UI패턴과 컴포넌트, 코드를 포괄하는 종합 세트이다.
  • 스타일 가이드 + 컴포넌트 라이브러리
  • 스타일 가이드 : 어떤 서비스에 들어가는 모든 요소들을 정리한 문서
  • 컴포넌트 라이브러리 : 스타일 가이드에 있는 디자인을 재활용 가능한 코드로 만들어 놓는 것을 컴포넌트 라이브러리라고 한다

장점

  1. 일관성 있는 UI/UX

    • 고객에게 혼란을 주지 않고 더 머무르게 만들 수 있다
  2. 디자인 생산성 향상

    • 디자이너들의 작업시간이 크게 줄어든다
  3. 개발 생산성 향상

    • 스토리북을 제대로 활용하면 같은 컴포넌트를 여러가지 이름 (모달, 레이어, 레이어팝업 등)으로 불리게 되는 것을 방지할 수 있고 커뮤니케이션 비용이 크게 낮아진다.

      *스토리북 = 스타일 가이드를 코드화 시키는 것. 여러 컴포넌트를 사람들이 확인하기 쉽게 문서화한 것

  4. 업데이트의 효율성

    • 구조화된 컴포넌트를 수정하여 자동으로 업데이트 가능

예시