Windows アプリの設計の基本

Windows の設計ガイダンスは、美しく洗練されたアプリを設計および構築するのに役立つリソースです。 これは規範的な規則の一覧ではなく、進化するデザイン言語、およびアプリ構築コミュニティのニーズに適応するように設計された生きたドキュメントです。

概要

App silhouette hero image

アプリのシルエット

インボックス アプリケーション間でよく使用されるアプリ パターンの概観

Signature experiences hero image

Windows 11 の署名エクスペリエンス

Windows 11 のデザイン要素の新機能をご覧ください。

基本操作

Navigation basics hero image

ナビゲーションの基本

Windows アプリのナビゲーションは、ナビゲーション構造、ナビゲーション要素、システム レベルの機能から成る柔軟なモデルに基づいています。 この記事では、これらの構成要素を紹介します。また、これらの構成要素を組み合わせて使い、優れたナビゲーション エクスペリエンスを作成する方法について説明します。

Command basics hero image

コマンドの基本

コマンド要素は、ユーザーがメール送信、項目の削除、フォームの送信などの操作を実行できる対話型の UI 要素です。 この記事では、ボタンやチェック ボックスなどのコマンド要素、それらの要素でサポートされる操作、それらの要素をホストするコマンド サーフェス (コマンド バーやショートカット メニューなど) について説明します。

Content basics hero image

コンテンツの基本

この記事では、アプリのコンテンツの設計に役立つ実践的なヒントと例をいくつか紹介します。Windows のスペーシングの原理では、書体見本を使用して、階層、リストやグリッドのほか、コントロールをグループ化する方法を示します。