디자인 시스템 실제 사례 관련 사이트 모음 Design System

디자인 시스템이란

디자인 시스템은 다양한 제품에서 일관된 경험을 생성하는 데 사용하는 명확한 표준에 따라 재사용 가능한 기능 요소(구성 요소 및 패턴)의 모음입니다. 디자인 시스템은 디지털 제품 디자인 및 응용 프로그램이나 웹 사이트와 같은 제품 개발을 지원합니다. 여기에는 패턴 라이브러리, 디자인 언어 , 스타일 가이드, 코딩된 구성 요소, 브랜드 언어 및 문서가 포함될 수 있지만 이에 국한되지 않습니다. 관련된 다양한 팀(예: 디자이너, 개발자, 카피라이터 및 프로젝트 관리자)이 디지털 제품을 설계하고 구축하는데 도움이 되는 역할을 합니다.

디자인 시스템의 장점 중 일부는 다음과 같습니다.

 

• 재사용 가능한 구성 요소와 공유된 근거를 통해 더 빠르게 빌드
• 보다 일관된 사용자 경험과 일관된 디자인 언어를 통해 더 나은 제품을 제공
• 설계 및 리소스 감소를 통해 유지 관리 및 확장성 향상
• 팀이 사용자 요구 사항을 해결하는 데 집중할 수 있도록 일반적인 문제를 해결하여 제품 팀에 대한 집중도를 높임

 

---

디자인 시스템 오피셜 사이트

구글 머터리얼 디자인 https://material.io/

애플 휴먼 인터페이스 https://developer.apple.com/design/resources/

에어비앤비 디자인 https://airbnb.design/

IBM 카본 디자인 https://www.carbondesignsystem.com/

쇼피파이 폴라리스 https://polaris.shopify.com/

세일즈 포스 라이트닝 https://www.lightningdesignsystem.com/

마이크로 소프트 플루언트 https://www.microsoft.com/design/fluent/#/

어도비 스펙트럼 https://spectrum.adobe.com/

우버 디자인 시스템 베이스 https://baseweb.design/components/

라인 디자인 시스템 LDS https://designsystem.line.me/

쏘카 프레임 https://socarframe.socar.kr/8bb3aba4a/p/5857a5-socar-frame

 

---

디자인 시스템 관련 아티클

What is a Design System? https://www.forumone.com/insights/blog/what-is-design-system/

모바일 UI UX 기본 가이드 매거진 https://brunch.co.kr/magazine/muxui

모바일 디자인할 때 그리드 시스템 꼭 사용해야 할까? https://brunch.co.kr/@plusx/3

해상도의 기준이 있어야 UI 디자인을 시작할 수 있다 https://brunch.co.kr/@plusx/6

Sketch Workflow - 8 point Soft Grid https://medium.com/sketch-app-sources/8-point-soft-grids-in-sketch-e8f1d5ca2cd4

Space in Design Systems https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62

 

 

이미지 출처 https://www.lego.com/en-us