공식 디자인 시스템·학습 자료
각 항목을 클릭하면 시각 예시·비교·원문을 볼 수 있습니다.
Apple Human Interface Guidelines Apple Human Interface Guidelines
Apple 플랫폼의 인터페이스·입력·컴포넌트 설계 지침.
iOS·macOS 네이티브 경험 검토.
가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.
Material Design Material Design
컴포넌트·색·타입·모션 등의 디자인 가이드 체계.
Android·Material 계열 제품 설계.
가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.
IBM Carbon Design System IBM Carbon Design System
컴포넌트·패턴·토큰과 구현을 제공하는 디자인 시스템.
데이터·기업용 UI 기준.
가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.
Microsoft Fluent 2 Microsoft Fluent 2
Microsoft의 컴포넌트·시각 언어·상호작용 가이드.
업무·멀티플랫폼 제품 UI.
가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.
Atlassian Design System Atlassian Design System
협업·업무 제품용 디자인 가이드와 컴포넌트 문서.
SaaS·작업 관리 UX.
가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.
Adobe Spectrum Adobe Spectrum
Adobe 제품의 디자인 원칙·컴포넌트·접근성 가이드.
편집 도구·전문 앱 UI.
가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.
Shopify Polaris Shopify Polaris
Shopify 생태계의 관리·커머스 UI 설계 자료.
판매자 업무·관리 경험.
현재 플랫폼·앱 유형에 해당하는 문서와 지원 경로를 확인한다.
GOV.UK Design System GOV.UK Design System
공공서비스의 폼·컴포넌트·패턴 설계 지침.
이해하기 쉬운 신청·입력 흐름.
가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.
USWDS USWDS
미국 정부 웹 디자인 시스템의 컴포넌트와 가이드.
정보 제공·공공 웹 UI.
가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.
WAI-ARIA APG WAI-ARIA APG
웹 위젯의 역할·상태·키보드 패턴을 설명하는 W3C 실무 가이드.
접근성 상호작용 검증.
예제 적용만으로 WCAG 준수가 자동 보장되지는 않는다.
MDN Web Docs MDN Web Docs
웹 기술의 문법·기능·호환성 정보를 제공하는 문서.
CSS·HTML·브라우저 API 확인.
가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.
web.dev web.dev
웹 성능·접근성·현대 웹 구현에 관한 개발 자료.
실무 웹 품질 개선.
가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.
Godot Documentation Godot Documentation
Godot 엔진의 씬·2D·3D·입력·렌더링 공식 문서.
게임·레벨 구현 명세.
가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.
Unreal Developer Documentation Unreal Developer Documentation
Unreal 제작·월드·UI·렌더링의 공식 기술 문서.
3D 게임·월드 제작 기준.
가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.
Blender Manual Blender Manual
모델링·재질·애니메이션·렌더링의 공식 매뉴얼.
3D 제작 개념과 작업 확인.
가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.
Qt for Python Documentation Qt for Python Documentation
PySide와 Qt UI·그래픽·배포의 공식 문서.
전문 Python GUI 구현.
가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.
Official Design Systems & Learning Resources
Open an entry for its visual reference, comparisons and source-language text.
Apple Human Interface Guidelines Apple Human Interface Guidelines
Apple's guidance for interface, input, and component design across its platforms.
Reviewing native iOS and macOS experiences.
Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone.
Material Design Material Design
A design-guidance system covering components, color, type, motion, and related topics.
Designing Android and Material-based products.
Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone.
IBM Carbon Design System IBM Carbon Design System
A design system providing components, patterns, tokens, and implementations.
Guidelines for data-intensive and enterprise interfaces.
Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone.
Microsoft Fluent 2 Microsoft Fluent 2
Microsoft's guidance for components, visual language, and interactions.
Business and cross-platform product interfaces.
Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone.
Atlassian Design System Atlassian Design System
Design guidance and component documentation for collaboration and business products.
SaaS and task-management experiences.
Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone.
Adobe Spectrum Adobe Spectrum
Adobe's guidance for product design principles, components, and accessibility.
Editing tools and professional application interfaces.
Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone.
Shopify Polaris Shopify Polaris
Resources for administrative and commerce interface design in the Shopify ecosystem.
Merchant workflows and management experiences.
Check documentation and support paths for the current platform and application type.
GOV.UK Design System GOV.UK Design System
Guidance for forms, components, and patterns in public services.
Clear application and data-entry flows.
Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone.
USWDS USWDS
Components and guidance from the United States Web Design System.
Informational and public-service web interfaces.
Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone.
WAI-ARIA APG WAI-ARIA APG
W3C practical guidance explaining widget roles, states, and keyboard-interaction patterns.
Validating accessible interaction behavior.
Applying an example does not automatically guarantee WCAG conformance.
MDN Web Docs MDN Web Docs
Documentation of web technology syntax, capabilities, and compatibility.
Checking CSS, HTML, and browser APIs.
Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone.
web.dev web.dev
Development resources on web performance, accessibility, and modern implementation.
Practical web quality improvements.
Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone.
Godot Documentation Godot Documentation
Official Godot documentation covering scenes, 2D, 3D, input, and rendering.
Specifications for game and level implementation.
Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone.
Unreal Developer Documentation Unreal Developer Documentation
Official technical documentation for Unreal authoring, worlds, interfaces, and rendering.
Guidelines for 3D game and world creation.
Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone.
Blender Manual Blender Manual
The official Blender manual for modeling, materials, animation, and rendering.
Checking 3D production concepts and workflows.
Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone.
Qt for Python Documentation Qt for Python Documentation
Official documentation for PySide and Qt interfaces, graphics, and deployment.
Professional Python GUI implementation.
Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone.