Windows アプリの設計とコーディング

ヒーロー イメージ

Windows 10 でアプリのエクスペリエンスを作成するための Fluent Design ガイドラインと UI のコード例

Design downloads

デザインに関するダウンロード

設計ツールキットとサンプル入手します。

Design basics

設計の基本

アプリの設計と Fluent Design System の概要です。

Layout

レイアウト

すべての画面サイズで適切に表示される UI の応答性に関するヒントと API。

Controls and patterns

コントロールとパターン

ラジオ ボタンからナビゲーション コントロールまで、必要なすべての UI 構成要素を示します。

Style

スタイル

色、文字体裁、アクリル、表示によって、アプリを引き立たせます。

Motion

モーション

アニメーションと切り替えを使用してアプリを有効にします。

Shell

Shell

アプリを起動して通知を表示するためのタイルを作成します。

Input and interactions

入力と操作

ペン、Surface Dial、その他の種類の入力に合わせて、アプリを最適化します。

Devices

デバイス

さまざまな Windows 10 デバイスとそれらに合わせて最適化する方法について説明します。

Usability

ユーザビリティ

世界中のユーザーに対してアプリを包括的にしてアクセシビリティ対応にすることができます。