본문 바로가기

디자인시스템

실무 디자인 시스템 구축 방법(3) 한윤석 (두블링 DOBLING, UI/UX 디자이너) 현재 1년차 주니어에서 미래 프로 디자이너를 꿈꾸는 사람으로써 같은 상황의 모든 신입, 주니어, 초보, 입문, 예비 디자이너들을 위해 매주 제가 경험한 디자인 인사이트를 업로드 합니다. 지금까지 디자인 시스템 구축을 위해 디자이너와 개발자의 Agenda를 확인 후 목표와 목적 원칙을 정하고 디자인 시스템의 기초를 다지는 작업을 설명하였습니다. 이번에는 이것의 가이드라인을 정립하는 단계에 대하여 알아보도록 하겠습니다. 실무에서의 디자인 시스템 구축 디자인 시스템 문서화 디자인 가이드라인과 컴포넌트 디자인 시스템에서 아토믹 방법론을 기반으로 한 컴포넌트를 구성했다면 해당 컴포넌트에 대한 가이드라인을 만들어야 합니다. 가이드라인을 만드는 이유는 조직 전체가.. 더보기
실무 디자인 시스템 구축 방법(1) 한윤석 (두블링 DOBLING, UI/UX 디자이너) 현재 1년차 주니어에서 미래 프로 디자이너를 꿈꾸는 사람으로써 같은 상황의 모든 신입, 주니어, 초보, 입문, 예비 디자이너들을 위해 매주 제가 경험한 디자인 인사이트를 업로드 합니다. 디자인 시스템 구축을 진행하면서 아토믹 디자인 방법론과 개발자가 각 컴포넌트를 어떻게 관리하는지에 대해 알아보았습니다. 그럼 이제 본격적으로 실무 디자인 시스템 구축방법에 대하여 알아보겠습니다. 실무에서의 디자인 시스템 구축 모두를 위한 디자인 시스템 디자인 시스템에 대하여 디자인시스템이란 디지털 제품에서 디자이너와 개발자가 공용으로 활용할 수 있는 하나의 언어 형태로서, 디자인 원칙, 디자인 가이드라인, UX 패턴, UI 툴킷, 코드(code) 등이 전부 포함되는 ‘.. 더보기
디자인 시스템에서 왜 아토믹 디자인 방법론을 적용하나? 한윤석 (두블링 DOBLING, UI/UX 디자이너) 현재 1년차 주니어에서 미래 프로 디자이너를 꿈꾸는 사람으로써 같은 상황의 모든 신입, 주니어, 초보, 입문, 예비 디자이너들을 위해 매주 제가 경험한 디자인 인사이트를 업로드 합니다. 디자인 시스템 구축을 진행하면서 아토믹 디자인 방법론에 대한 공부를 하게 되었는데요, 왜 아토믹 디자인 시스템을 적용하는가에 대하여 글을 더 써보려고 합니다. 왜 아토믹 디자인을 사용하나? UI설계 방법 - 아토믹 디자인 아토믹 개념정리 아토믹 디자인 방법론은 UI 설계 방법 중 하나입니다. 복잡한 화면을 가장 작게 분해할 수 있는 원자 단위까지 나눔으로써, 각 요소 간 컴포넌트 재활용성은 높이고 복잡한 화면 구성을 쉽게 처리해주는 접근 방식 중 하나입니다. 아토믹 디.. 더보기