レイアウト

次の記事は、さまざまな画面サイズ、ウィンドウ サイズ、解像度、向きで適切に表示される柔軟な UI を作成する際に役立ちます。

アプリのシルエット

一般的なレイアウト パターンについて説明します。

アプリ のタイトル バー

標準タイトル バーの各部分の設計上の推奨事項と動作について説明します。

画面のサイズとブレークポイント

Windows エコシステム全体の画面サイズと、ブレークポイントの設計方法について説明します。

レスポンシブ デザインの手法

ブレークポイント用にアプリのレイアウトを最適化するレシポンシブ デザインの手法について説明します。

XAML を使ったレイアウト

アダプティブまたは調整されたレイアウトを使用して、XAML にレスポンスな UI を実装します。

レイアウト パネル

各レイアウト パネルの種類を説明し、それらを使って UI 要素を配置する方法について説明します。

配置、余白、パディング

レイアウトの動作に影響する配置、余白、パディングを使用します。

間隔

サイズ設定を使用して、情報密度とユーザーの快適性のバランスを取ります。