アプリアイコンをカスタマイズする

Android for Cars アプリライブラリは、サードパーティ製アプリのブランドアイデンティティと独自の車両デザインを両立させるテンプレートベースのフレームワークを提供します。Google は安全性を考慮して全体的な構造を標準化していますが、アプリアイコンのサイズ、形状、比率をカスタマイズすることで、統一感のあるエクスペリエンスを実現できます。

アプリアイコンの角を丸くするかどうかを選択できます。

何をカスタマイズできますか?

ライブラリ内のアイコンは、アプリ開発者と自動車メーカーであるお客様の共同作業です。アプリ開発者は、アプリの基本アイコン、ブランドイメージ、カスタムアクセントカラー(明るい色と暗い色のバリエーションを含む)を提供します。

これらのアイコンの特定のサイズ、形状、比率をカスタマイズして、ハードウェアとデザイン システムに適合させることができます。

システム全体でアイコンの表示方法を調整するさまざまな方法を次に示します。

1. グローバルサイズと形状

ライブラリで指定された大小のアイコンのピクセル寸法を正確に定義できます。これにより、特定のタッチターゲット要件に合わせてアイコンのサイズを調整できます。また、コンテナをカスタマイズして、アイコンを円形、正方形、あるいは車のテーマに合わせたカスタム形状で表示することもできます。

2. メディアとシステムアイコンのコントロール

特定の機能アイコンのレンダリングをカスタマイズすることもできます。

  • 標準アクション: CarMediaCommonライブラリを対象とするランタイム リソース オーバーレイ (RRO) を使用して、標準の再生アクション (再生、一時停止、停止など) のアイコンをカスタマイズできます。
  • コンテンツ形式のアイコン:アプリによって提供されるベクター ドローアブルをレンダリングする必要がありますが、メインの再生ビューには大きいバージョンを使用し、最小化されたバーなどのセカンダリ ビューには小さいバージョンを使用するように選択できます。
  • アプリ セレクター ボタン:システムのアプリ セレクター ボタンに現在のメディア ソース ロゴを使用するには、 use_media_source_logo_for_app_selectorフラグをtrueに設定します。
3. ランチャーでのサードパーティアイコンの取り扱い

アプリグリッドやランチャーを設計する際には、アプリのコンテンツが表示されるたびにそのアプリのアイコンを表示し、ドライバーがソースを識別できるようにする必要があります。サードパーティのロゴ自体は変更できませんが、背景やロゴが配置されるタイルをカスタマイズすることで、ランチャー全体の統一感のある外観を実現できます。

設計ガイダンス

高品質のドライバー エクスペリエンスを維持するには、アイコンをカスタマイズするときに次の原則に従ってください。

  • 可視性:ユーザーがコンテンツ ソースを認識できるように、アプリ バー、アプリ ヘッダー、またはアプリ セレクター UI にアプリ アイコンを明確に表示します。
  • コントラスト:読みやすさを確保するため、アイコンと背景のコントラスト比を少なくとも 4.5:1 に維持します。
  • アプリのアクセント カラー:デフォルトの色をインテリアに溶け込むように調整できますが、ブランド アイデンティティを強化するために、アプリに用意されているアクセント カラーを進行状況インジケーターやボタンに使用することを検討してください。
  • タッチ ターゲット:すべてのアイコン ベースのボタンが、少なくとも 76 x 76 dp の最小タッチ ターゲット サイズを維持していることを確認します。