設計ガイドライン

「ガイドライン」セクションでは、Windows アプリ設計の主要な構成要素について説明します。 これらのトピックでは、アプリが直感的で洗練され、Fluent Design に準拠していることを確認するパターン、ルール、動作を定義します。 色や文字体裁からモーション、レイアウト、素材まで、各基盤は、ページ、機能、フォーム ファクター全体でスケーリングする一貫した意思決定を行うのに役立ちます。

最初の画面のマッピング、相互作用パターンの調整、または UI が Windows の規則と一致していることを確認する場合など、設計プロセス全体のガイドとしてこれらの基礎を使用します。 これらの基盤を早期に調査することで、開発時間を節約し、再作業を減らし、ユーザーのエクスペリエンスを向上させることができます。

---

色
色を使用して階層を確立し、意味を伝え、まとまりのあるビジュアル ID を作成します。

指揮
ユーザーが何ができるかを理解するのに役立つ、明確で一貫性のあるパターンでアクションを提示します。

標高
深さとレイヤーを適用して、フォーカスをガイドし、インターフェイスの構造を強化します。

ジオメトリ
図形、サイズ設定、空間リレーションシップを使用して、バランスの取れた予測可能なレイアウトを作成します。

図像
使い慣れた意図的なアイコンを使用して、アクションと概念をすばやく伝えます。

レイアウト
明確さと流れを向上させるグリッド、間隔、配置パターンを使用してコンテンツを整理します。

材料
深さと暖かさを追加するには、マイカやアクリルなどの Fluent 素材を使用して UI を強化します。

モーション
モーションを使用してフィードバックを提供し、注意を導き、スムーズで応答性の高い対話を作成します。

ナビゲーション
ユーザーが予測可能で適切に構造化されたナビゲーション パターンを使用してアプリ内を移動できるようにします。

サウンド
オーディオ キューを使用してフィードバックを提供し、アクションを強化し、アクセシビリティをサポートします。

タイポグラフィ
一貫性のある型の選択と階層を使用して、トーンを設定し、読みやすさを向上させます。

ユーザビリティ
直感的な操作、明確なアフォーダンス、アクセシビリティによってアプリを使いやすくします。

ウィジェット
重要な情報とアクションを表示する、ひとめでわかる対話型サーフェスを使用してアプリを拡張します。

記述
明確で簡潔で役立つ言語を使用して、理解を深め、認知負荷を軽減します。