ガイドやパターンなどを確認して Android TV 向けの制作方法を学びましょう。今すぐテレビのデザインを始めましょう。

始める

ガイド
ユーザー補助やシステムバーなど、Android 設計の基本コンセプトと原則。
ガイド
アプリの色、タイプ、モーション、テーマ設定を使用して、美しいビジュアル デザインを作成する方法について説明します。
ガイド
レイアウトやグリッドの基本から、グラフィックの表示、Android の最新機能(エッジ ツー エッジなど)まで、ビュー内でのコンテンツ構造。
ガイド
繰り返し使用される小規模な UI インタラクティブ構成要素。マテリアル デザイン コンポーネントの使用に関する詳細

キットを確認する

Google のデザイン コンポーネントを使用して、美しく機能的なテレビ UI を作成します。これらのコンポーネントとパターンにより、TV アプリに最適なユーザー エクスペリエンスを実現すると同時に、一貫性を保ちながらブランドをアピールできます。
Figma
Figma デザインキットを確認して、スタイル、テーマ、パターン、コンポーネントなどを使用して、新しい TV アプリの開発に弾みをつけましょう。

コンポーネントを詳しく見る

ボタン

ボタン

ボタンは、ユーザーがアクションやフローを開始するのに役立ちます。さまざまなタイプのボタンから選択して強調できます。
カード

カード

カードには、1 つのテーマに関するコンテンツとアクションが含まれます。
注目のカルーセル
注目のカルーセルは、全幅のコンテナで一連のメディアをハイライト表示します。ユーザーを注目のコンテンツに誘導する。
没入型リスト

没入型リスト

没入型リストでは、没入型コンテンツを表示するために選択したアイテムがハイライト表示されます。コンテンツを強調する目的で使用してください。
リスト

リスト

テキストや画像の縦方向の連続するインデックス。リストを使用して、ユーザーがコレクションから選びやすくします。
ナビゲーション ドロワー
ナビゲーション ドロワーを使用すると、アプリ内のデスティネーションにアクセスできます。ドロワーは常に画面の端にあります。
タブ

タブ

タブは、アプリ内の主要なデスティネーションを切り替える便利な方法です。タブは、ディスプレイの上部に固定されます。

テレビ向けの開発

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