디자인 시스템은 사용자가 사용하는 UI화면의 일관성을 유지시키고 공통 UI패턴과 컴포넌트들을 정의하여 개발자와 디자이너가 일관되게 화면을 개발할 수 있게 합니다. 뿐만 아니라 사용자 경험게 관련된 UX가이드라인도 설정하여 사용자 중심에서 설계할 수 있도록 하는 역할을 하기도 합니다. 이러한 기준을 정해둠으로써 개발자와 디자이너가 효율적으로 일을 할 수 있게 해 주는데요. 디자인 시스템 구축과 디자인에 도움이 될 만한 디자인 시스템 예시들을 모아보았습니다.
구글
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
m3.material.io
애플
https://developer.apple.com/design/
Design - Apple Developer
Find documentation and resources for designing great apps for Apple platforms.
developer.apple.com
마이크로소프트
https://fluent2.microsoft.design/
Fluent 2 Design System
Develop Find installation guides and tooling tips Get started →
fluent2.microsoft.design
IBM
https://carbondesignsystem.com/
Carbon Design System
Carbon is IBM’s open source design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contri
carbondesignsystem.com
Adobe
Spectrum, Adobe’s design system
Spectrum provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive.
spectrum.adobe.com
우리가 익숙하게 접할 수 있는 해외 기업들의 디자인 시스템 사이트들을 모아보았습니다. 이외에도 작은 기업들도 디자인 시스템을 구축하고 일관된 UX/UI와 효율성을 높이고 있습니다.
'자료모음' 카테고리의 다른 글
| 디자인 정보를 얻을 수 있는 블로그 사이트 모음 (1) | 2024.11.23 |
|---|---|
| 2025년 트렌드 파악하기 위한 참고 자료모음 (0) | 2024.11.19 |
| 프로크리에터 브러쉬 설정 기본 (1) | 2024.11.12 |
| 키노트 이용해서 굿노트 다이어리 만들기 (2) | 2024.11.09 |
| 색 조합 추천해주는 AI 사이트 khroma (2) | 2024.11.08 |