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

ヒントを得る

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

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

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

最小

600 dp 未満

Medium

600 ～ 840 dp 未満

開いた状態です

840 dp 以上

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

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

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

大画面向けに開発する

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

記事と読み物

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

最新の動画を見る

YouTube 動画
2022 年 11 月 10 日
YouTube 動画
2022 年 11 月 10 日
YouTube 動画
2022 年 11 月 9 日