色

Android Automotive OS の色戦略の基盤は、「黒から構築する」という考え方です。黒をベースとしたインターフェース色により、昼と夜のテーマに大きな変化がなくなり、より一貫性のあるユーザーエクスペリエンスが得られます。

ブラックは、自動車のインテリアやダッシュボードにダークマテリアルが使われることが多いため、ハードウェアとの整合も確保できます。

ガイダンスの概要（TL;DR）

日記と夜間の運転に対応できるよう、黒から豊富なカラーバリエーションをご用意
背景とアイコンまたはテキストのコントラスト比を 4.5:1 以上に維持します。

目的意識を持って最小限で使用する
高度をグレースケールで表示
透明性と不透明度を利用して視覚的にフォーカスする

パレットとグラデーション

Android Automotive OS インターフェースのダークモードは、グレースケールパレットに基づいています。マテリアルデザインパレットにある暗い色のバリエーションのように、他の色では強度を弱めるのが理想的です。

このセクションには、パレットと不透明度の情報、および各コンポーネントに関連付けられた高度レベルのグレースケール値を示すグラフが含まれています。

マテリアルデザイン

色の使い方とパレット

Android Automotive OS のグレースケールパレット

Android Automotive OS のグレースケールパレットは、テキストやアイコンなどの要素に使用され、運転環境に固有の要件に対応するように設計されています。

このパレットには、以下のような多様性が必要です。

ダークモード UI のさまざまなユースケースをすべて網羅
色調の違いによって階層を定義するのに十分な範囲を指定する

グレーのカラーパレット — このグレースケールパレットは Android Automotive OS の主なカラーパレットで、インターフェースのダークモードをサポートします。

色調の違いにより、シャドウが見えにくい真の黒の背景でも、奥行きの錯覚が生まれます。十分な色調の違いを実現するために、Android Automotive OS のグレースケールパレットには中グレーも含まれます。グレー 900 以降のマテリアルデザイングレーは、より明るい色に近すぎます。2 段階明るい色は、グレーの 700 です。これは、自動コンテキストに対して明るすぎます。

コンポーネントの高度グラフ — このグラフは、さまざまなコンポーネントが位置する高度レベルを示しています。エレベーションレベルごとにグレー値が関連付けられています。

日中モードと夜間モードのグレースケール標高レベル — このグラフは、日中と夜間の高度レベルに関連付けられたグレーの値を示しています。

Accent color

Android Automotive OS インターフェースの中核にあるグレースケールパレットに加え、他の色をフォーカスの描画などの目的で控えめに使用できます。

現在、Android Automotive OS では、公式のアクセントカラーが 1 種類あり、サポートライブラリでは「青」の色合いで「自動車のアクセント」と呼ばれています。彩度と鮮やかさを高めるために、この青色は標準の Google 青色からわずかにシフトしています。このシフトにより、暗い場所でも色が快適に表示されます。