✉️ 디자인 시스템이 막막한 디자이너에게 1. | 커리어리

✉️ 디자인 시스템이 막막한 디자이너에게 1. 디자인 시스템이란? 디자이너와 엔지니어가 일관된 제품 및 웹 설계를 위해 공유 언어를 제공하는 ‘재사용 가능한’ 구성요소, 원리 및 지침 집합. 2. 디자인 시스템이 필요한 이유 : 프로덕트와 인터페이스의 일관성, 크로스 펑셔널한 협업 가능, 디자인/개발의 속도와 확장성 → 조직의 시간과 비용 절약 3. 디자인 시스템 구성 요소는? - Design principles | 디자인 원칙 - Style guide | 스타일 가이드 : Typography, colors, icons and etc. - UI component library | UI 컴포넌트 라이브러리 : Button, widget and etc. - Design process guidelines | 디자인 프로세스 가이드라인 4. 디자인 시스템 제작 시 유의할 점 : 디자인 시스템은 결코 완성되지 않는다. 디자인 원칙을 기반으로 구축하면 일관된 언어를 유지하는데 도움이 된다. 디자인 시스템을 효과적으로 공유하고 운영하기 위해서는 프론트엔드 인프라구조를 포함해야한다. 5. 디자인 시스템 설계 가이드 1) 기존에 사용하던 컴포넌트와 디자인 확인 2) 다른 디자인 시스템 사례 리서치 3) 컴포넌트 리스트로 정리 4) 타임라인 계획 5) 컴포넌트에 관해 리서치하고 토론 6) 컴포넌트 제작 7) 디자인 시스템 공유 및 관리를 위한 디자인 8)디자인 시스템 구현 🥸 큐레이터 코멘트 저도 프로덕트 매니저이자 디자이너로 활동 중에 있어서 디자인 시스템에 관해서 부지런히 공부했고 지금도 여러 사례를 보고 있는데요. 본문에도 나와있습니다만, 디자인 시스템을 효율적으로 운영하기 위해서는 디자이너로 끝나는 작업이 아닌 프론트엔드 엔지니어와의 협업이 필수적입니다. 그래서 디자인 시스템 관련 책을 같이 읽고 토론하는 방식으로 반년 정도 진행했었는데 어떻게 하면 현재 서비스를 효율적으로 개발할 수 있을지 서로의 생각을 맞추는데 굉장히 좋았습니다. 디자인 시스템 도입에 대해서 고민 중이라면 프론트엔드 엔지니어, 디자이너분들과 디자인 시스템이 정리된 책을 가지고 매주 1챕터씩 읽고 공유하는 시간을 가져보시길 추천합니다🤓

내가 필요해서 정리한 디자인 시스템에 관한 모든 것

Medium

2022년 1월 22일 오전 2:12

댓글 0

주간 인기 TOP 10

지난주 커리어리에서 인기 있던 게시물이에요!

더 많은 인사이트를 둘러보세요!