Windows アプリのリソースを設計する

このトピックでは、視覚的に魅力的で使いやすい Windows アプリケーションを作成するための、さまざまなデザインおよび UI 関連のリソースを提供します。

フォント

Windows 型システムは、UI の読みやすさを最大化するためのコンテンツの構造と階層を作成するのに役立ちます (詳細については「Segoe UI フォント ファミリ」を参照)。

次のフォントが推奨されています。

• Segoe UI 変数 (「Windows の文字体裁」を参照)
• Segoe Fluent Icons (Segoe Fluent Icons フォント を参照)
• Segoe MDL2 (「Segoe MDL2 アセットのアイコン」を参照してください)

Windows UI キット

の表紙画像

Figma 用 Windows デザイン キットは、開発者とデザイナーが視覚的に一貫性があり魅力的な Windows アプリを作成するのに役立つ包括的なツールキットを提供します

Windows デザイン キットは、次を含む Figma ライブラリです。

• UI コンポーネント: ボタン、トグル、スライダーなどの事前構築済みの要素。

• デザイン パターン: ナビゲーション、ダイアログ、レイアウト用のテンプレート。

• スタイルとトークン: 定義済みの色、文字体裁、および間隔。

WinUI ギャラリー

WinUI ギャラリーのデザイン ガイダンス セクションには、アプリに適した色、文字体裁、アイコンの選択と適用に役立つベスト プラクティスとツールが用意されています。 [アクセシビリティ] セクションには、アプリをより包括的にし、すべてのユーザーがアクセスできるようにするためのコード スニペットとヒントが含まれています。

の [デザイン ガイダンス] セクションのスクリーンショット

サンプル

すべての Windows アプリ サンプルの完全な一覧については、「サンプルとリソース」ページ を参照してください。