Windows 앱 디자인 및 코드Design and code Windows apps

영웅 이미지

Windows 10에서 앱 환경을 만들기 위한 흐름 디자인 지침 및 UI 코드 예.Fluent Design guidelines and UI code examples for creating app experiences on Windows 10.

Design downloads

디자인 다운로드Design downloads

디자인 도구 키트 및 샘플을 받으세요.Get design toolkits and samples.

Design basics

디자인 기본 사항Design basics

앱 디자인 및 흐름 디자인 시스템을 소개합니다.An introduction to app design and the Fluent Design System.

Layout

레이아웃Layout

모든 화면 크기에서 멋지게 보이는 UI를 위한 반응형 팁과 API입니다.Responsive tips and APIs for a UI that looks great on every screen size.

Controls and patterns

컨트롤 및 패턴Controls and patterns

라디오 단추에서 탐색 컨트롤까지 필요한 모든 UI 구성 요소가 있습니다.All the UI building blocks you need, from radio buttons to navigation controls.

Style

스타일Style

색상, 입력 체계, 아크릴, 나타내기로 앱을 눈에 띄게 만드세요.Make your app stand out with color, typography, acrylic, and reveal.

Motion

동작Motion

애니메이션과 전환으로 앱에 생동감을 주세요.Bring your app to life with animations and transitions.

Shell

Shell

앱을 실행하고 알림을 표시할 타일을 만드세요.Create tiles for launching your app and displaying notifications.

Input and interactions

입력 및 조작Input and interactions

펜, Surface Dial 및 기타 입력 유형에 맞게 앱을 최적화하세요.Optimize your app for pen, Surface dial, and other input types.

Devices

디바이스Devices

다양한 Windows 10 디바이스와 최적화 방법을 알아보세요.Learn about the spectrum of Windows 10 devices and how to optimize for them.

Usability

유용성Usability

앱을 더욱 포괄적이면서 전 세계 사용자들이 액세스할 수 있게 만드세요.Make your app inclusive and accessible to people around the world.