レイアウトの調整

アダプティブ デザインとは、特定のブレークポイントとデバイスに適応させるためのレイアウト設計の手法です。通常、デバイスの幅によりレイアウトの変更点や適応点が決まります。ウェブと Android の両方で、柔軟なグリッドや画像などのレスポンシブ デザインのコンセプトを利用して、コンテキストにより適切に対応するレイアウトを作成します。

モバイルとタブレットのサイズの生産性向上アプリの画面。

レイアウトを拡大された画面サイズに適応させるための設計ガイドラインについては、Compose の各種の画面サイズのサポートに関するデベロッパー ガイドと、M3 のレイアウトの適用に関するページをご覧ください。Android の大画面の正規レイアウト ギャラリーで、大画面レイアウトのインスピレーションと実装を確認することもできます。

すべてのアプリをすべての画面サイズに適応させる必要はありませんが、このデザインを取り入れることで、人間工学、ユーザビリティ、アプリの質といった点でユーザーにとって自由度が高まります。

  • クラスサイズをブレークポイントとして、ガイドラインとして機能する主要な画面(アプリの重要なコンセプトを伝える画面)を設計できます。
  • または、コンテンツがどのように制約され、拡大され、リフローされるかを注釈で示すことで、コンテンツがレスポンシブに動作するように設計します。

レイアウトについて詳しくは、マテリアル デザイン 3(M3)のレイアウトについてをご覧ください。