Windows アプリの設計とコーディングDesign and code Windows apps

ヒーロー イメージ

Windows 10 でアプリのエクスペリエンスを作成するための Fluent Design ガイドラインと 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

アプリの設計と Fluent Design System の概要です。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

ShellShell

アプリを起動して通知を表示するためのタイルを作成します。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.