본문 바로가기
IT 관련/주제별 사이트 모음

즐겨찾기 / 기업별 UI/UX 디자인 시스템 사이트 모음

by 손가는대로 2024. 5. 11.
반응형

 

디자인 시스템이란?

앱이나 웹사이트 같은 디자인 프로덕트 개발시 일관된 디자인 원칙을

이해관계자들과 공유하는 업무적 가이드로 시스템을 관리하는데 꼭 필요한 내용입니다.

 

디자인 시스템을 사용해야 하는 이유 5가지

Consistency 일관성 유지 디자인의 일관성을 유지 (일관된 서비스 브랜딩)
Time 업무 효율성 확대 재활용 가능한 컴포넌트 사용을 통한 작업 시간 단축 
Collaboration 협업 디자인의 의사결정을 돕고 이해관계자들의 이해와 소통에 도움
Riskless 리스크 최소화 개발 리소스를 최소화 및 수정과 유지보수 용이
progress 향상성 디자이너 개인과 조직, 프로덕트 지속적 성장

 


구글 머터리얼 디자인 시스템

 

Styles — Material Design 3

Styles are the visual aspects of a UI that give it a distinct look and feel. They can be customized by changing your Material theme.

m3.material.io

애플 디자인 시스템

 

Human Interface Guidelines | Apple Developer Documentation

The HIG contains guidance and best practices that can help you design a great experience for any Apple platform.

developer.apple.com

어도비의 스팩트럼 디자인 시스템

 

 

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

마이크로소프트 디자인 시스템

 

Fluent 2 Design System

Develop Find installation guides and tooling tips Get started →

fluent2.microsoft.design

라인 디자인 시스템

 

LINE Design System

LINE Design System is an integrated set of guidelines for components, interaction methods, and other aspects that contribute to LINE's design and user experience.

designsystem.line.me

쏘카 디자인 시스템

 

SOCAR FRAME · zeroheight

 

socarframe.socar.kr

스포카 디자인 시스템

 

Spoqa Design Guidelines

우리는 건강한, 스마트한, 발전하는 기업을 지향합니다. 스포카 비주얼 디자인팀은 디자인 가이드라인을 마련하여 모든 서비스와 소통 채널에서 스포카의 가치를 일관되게 표현하도록 돕습니

bi.spoqa.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

리메인 디자인 시스템

 

리메인커리어 | 리메인

그리드 시스템 그리드 시스템이란 그리드 시스템(Grid System)에서 ‘Grid’는 격자나 바둑판 모양의 눈금을 뜻하며 일반적으로는 수직과 수평으로 면이 분할된 것을 의미합니다. 1970년대 중반부터

remain.co.kr

안틀라시안 디자인 시스템

 

Overview - Get started - Atlassian Design System

Start designing and developing beautiful product experiences with Atlassian Design System UI foundations, components, and standards.

atlassian.design

 

반응형