[퍼온 글] 왜 우리는 디자인 시스템이 필요한가 — 듀오톤 정다영 대표

왜 우리는 디자인 시스템이 필요한가 — 듀오톤 정다영 대표

디자인 프레임웍 (Deisgn Frameworks)1. Define — Design — Develop

2. 여러 디자인 프레임웍을 사용했었다

유명한 디자인 프레임웍: Google sprint/IDEO/double Diamond

3. 듀오톤에서 사용했던 프레임웍 (Case: ProtoPie Rebranding)

• 00. Pre-study: 프로젝트/프로덕트의 산업 백그라운드 리서치, 분석
• 01. Goal: 정의 과정. 6W 방법 활용. Golden Circle (Youtube)
• 02. Direction: 보통은 두 방향.
• 03. Keywords
• 04. Visualization: Mood board. 각각 생각하는 키워드별 이미지를 찾아서 무드 보드를 만들고 하나로 정의하는 과정
• 05. Sketch: idea spreed date 툴을 사용
• 06. Communication: 스케치와 커뮤니케이션의 무한 반복.
• Flexible Design Framework: 프로젝트, 팀 회사만의 다양한 디자인 프레임웍을 만들어 보기.

디자인 시스템

Design Language: System의 상위 개념. 회사의 분위기, 문화까지 반영하는 것

왜 필요한가?

디자이너가 많아지고 협업자들이 많아지면서 스탠더드(Standard)라는 게 필요하다고 생각.

Identifier

Layout, Image, Color, Font, Affordance system 문서를 작성했었음 (at d’strict)

Design system UI Kit (ex. sketch Library)

• 큰 회사: Core — Apps — case :별도 케이스가 발생할 수밖에 없다. 여기서 공통된 case는 모아서 다시 core에 반영
• 중: App — case — Core

Case study. Design system 구축기 (LINE)

• 무한 사이클의 케이스와 코어 만들기
• 머티리얼 가이드에서 자사만의 디자인 시스템을 구축하는 과정
• 각 컴포넌트별로 디자이너가 케이스를 저리 하고 코어를 만들고 다시 스크린을 만들고… 사이클을 계속 돌고 있음.