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

色

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

また、黒色は自動車の内装やダッシュボードに使われることが多く、ハードウェアとの調和が良くなります。

概要（要約）

カラーはブラックから選択可能で、昼夜を問わずドライブをサポートします
背景とアイコンまたはテキストのコントラスト比を 4.5:1 以上に保つ

目的を持って、最小限に抑える
高度をグレースケールで表示する
透明度と不透明度を使用して視覚的なフォーカスをガイド

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

Android Automotive OS インターフェースのダークモードは、グレースケールパレットをベースにしています。理想的には、マテリアルデザインパレットのカラーのダークバリアントのように、追加の色は濃度を下げる必要があります。

このセクションには、パレットと不透明度に関する情報のほか、各コンポーネントに関連付けられたエレベーションのグレースケール値を提供するグラフが含まれます。

マテリアルデザイン

色の使用とパレット

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

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

このパレットは、以下を行うのに十分な多様化する必要があります。

ダークモード UI のさまざまなユースケースをすべてカバーする
色調の違いを通じて階層を定義するのに十分な範囲を提供する

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

シャドウが認識できない真の黒色の背景でも、色調の違いにより奥行きがあるかのような錯覚を作り出しています。十分な色調の違いを提供するために、Android Automotive OS のグレースケールパレットにはミッドグレーが含まれています。グレー 900 から始まるマテリアルデザインのグレーは、すぐに明るめの色に近づきます。2 ステップ明白な色はグレー 700 になり、自動車のコンテキストには明るすぎます。

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

日中および夜間モードのグレースケール標高レベル — このグラフは、日中モードと夜間モードのさまざまな高度レベルと関連するグレーの値を示しています

アクセントカラー

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

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