タブレット、折りたたみ式デバイス、ChromeOS デバイスで、高品質で魅力的なユーザー エクスペリエンスを実現します。

ヒントを得る

ギャラリー
大画面デバイス向けに最適化された魅力的なデザインをご確認ください。メディア、創造性、ゲームなど、人気のアプリカテゴリの UI/UX テンプレートが用意されています。

実績のあるパターンを使用する

正規レイアウトは、すべての大画面フォーム ファクタ(タブレット、折りたたみ式デバイス、ChromeOS デバイス)で最適なユーザー エクスペリエンスを実現し、あらゆるサイズのスマートフォンに対応します。ナビゲーション レールとドロワー コンポーネントでこれまでにないナビゲーションを提供し、UI の利便性とコントロール性を高めます。
正規
リストにまとめられたコンテンツの説明、説明、補足情報にワンクリックでアクセスできます。
正規
コンテンツ要素を大きなグリッドに配置し、サイズと位置によって要素を関連付けて、比率や縮尺を使って要素への関心を集めます。
正規
アプリをプライマリ表示領域とセカンダリ表示領域に分けて、ツール、オプション、設定に簡単にアクセスしてメイン コンテンツに適用できるようにします。
正規
最小限の画面スペースを確保しつつ、メインのナビゲーション デスティネーションをアクセスしやすい場所に配置することで、正規レイアウトを補完します。

最小

600 dp 未満

Medium

600 ~ 840 dp

開いた状態です

840 dp 超

コンパクト、中程度、拡大のウィンドウ サイズクラスを使用して、さまざまなフォーム ファクタをサポートして、最適なユーザー エクスペリエンスを実現します。

実績のあるデザイン システムを使用する

マテリアル デザイン 3 は、ユーザー インターフェース デザインのベスト プラクティスをサポートするガイドライン、コンポーネント、ツールからなる適応性の高いオープンソースのシステムです。

大画面向けに開発する

デベロッパー ガイドとリファレンスを使用して、アプリのデザインを構築してください。
Android のベスト プラクティスに沿ってデザインをレイアウトします。

記事と読み物

マテリアル デザイン
レイアウトとは、要素の視覚的な配置のことです。画面上の最も重要な情報に注意を向けることで、ユーザーは簡単にアクションを起こすことができます。
マテリアル デザイン
ウィンドウ サイズクラスを使用すると、デバイスやフォーム ファクタをまたいでスケーリングできるレイアウトを作成できます。
マテリアル デザイン
正規レイアウトは、一般的なユースケースと画面サイズにレイアウトを適応させるために、すぐに使用できる合成です。