このページは Cloud Translation API によって翻訳されました。

色

Android Automotive OS のカラー戦略の基盤は、「黒から構築する」という考え方です。インターフェースの色を黒を基調とすることで、昼夜のテーマ間で劇的な変化がなく、より一貫したユーザーエクスペリエンスを実現できます。

また、車の内装やダッシュボードには暗い色の素材が使われることが多いため、黒で作るとハードウェアとの整合性も高まります。

一目でわかるガイダンス（TL;DR）

昼夜を問わず運転できるよう、黒からカラーをお選びいただけます。
背景とアイコンまたはテキストのコントラスト比を少なくとも4.5:1に維持する

色は最小限に、目的を持って使用する
グレースケールで標高を表示
透明度と不透明度を使用して視覚的な焦点を誘導する

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

Android Automotive OS インターフェースのダークテーマは、グレースケールパレットに基づいています。理想的には、マテリアルデザインパレットのダークカラーバリエーションのように、追加する色は輝度を低く抑える必要があります。

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

マテリアルデザイン

色の使い方とパレット

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

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

このパレットは、次の点において十分に多様である必要があります。

ダークテーマUIのさまざまな使用例をすべてカバー
音色の違いによって階層を定義できる十分な範囲を提供する

grayscle カラーパレット — このグレースケールパレットは、Android Automotive OS のメインカラーパレットであり、インターフェースのダークテーマをサポートします。

色調の違いは、影がほとんど見えない真っ黒な背景でも奥行きのある印象を与えます。十分な色調の違いを表現するために、Android Automotive OSのグレースケールパレットには中間グレーが含まれています。マテリアルデザインのグレー900から始まるグレーは、明るい色に急速に近づきすぎます。2段階明るいグレー700は、自動車のコンテキストには明るすぎます。

コンポーネントの標高チャート — このチャートは、さまざまなコンポーネントが配置されている高度レベルを示しています。各高度レベルには、対応するグレー値が設定されています。

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

アクセントカラー

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

現在、Android Automotive OS には公式のアクセントカラーが1つあります。これは、サポートライブラリで「カーアクセント」と呼ばれている青系の色です。彩度と鮮やかさを高めるため、この青は標準的な Google ブルーからわずかに色を変えています。この色の変化により、暗い色面でも色がより自然に映えるようになります。