眼鏡の色

色は、ディスプレイ、環境、認知を考慮します。メガネの色は、加法混色ディスプレイの動作をサポートし、視覚的な快適さを最適化するために、高度に洗練されたパレットを使用します。メガネでの色の使用は、現実世界との調和、重要な操作の表示、画像表示、セマンティックな意味の提供のために、慎重に行う必要があります。

光学シースルーディスプレイでは黒は透明になります。暗い色はくすんで見えたり、透明に見えたりしますが、奥行きを出すために使用することもできます。デザインする際は、この点に注意してください。

カラーパターン

メガネのカラースキーム（アプリの色をテーマ設定するためのカラートークンまたはロールのコレクション）は、3 つのアクセントロール、4 つのサーフェス（またはニュートラルロール）、およびそれらのオンカラーの対応物で構成されます。カラーロールはモバイルスキームのロールと似ており、同じように使用する必要があります。

デザイン要素はフレームの下部に固定する必要があります。

アクセントカラーは、強調を弱めるためにオンカラーとして使用できます。

すべきこと

ほとんどのテキストコンテンツに白いテキストを使用します。強調テキストにフォントの色を使用できます。

すべきでないこと

すべてのコンテンツにカラーテキストを使用します。

色をカスタマイズする

メガネの色をカスタマイズする際は、視覚的な妨げを最小限に抑え、現実世界との調和を保つことが重要です。さまざまな照明条件での視認性を優先してください。明るさと彩度のバランスを慎重に調整し、すぐに識別できるようにします。

プライマリカラーは、ブランドカラーまたはプライマリインタラクションカラーを使用するようにカスタマイズできます。選択した色のコントラスト、彩度、電力使用量を考慮します。

最適化されたブランドカラーとセマンティックカラー

ブランド、アクション、システムアラートを表す色は、次の条件を満たしている必要があります。

判読できる程度の明るさ
色として認識できるほど彩度が高い

詳しくは、Jetpack Compose Glimmer テーマをご覧ください。

電力消費量

色によっては、他の色よりも消費電力が多く、発熱量も多くなることがあります。右の図のように、同じトーンの色を比較すると、緑が最も消費電力が少なく、青が最も消費電力が多くなります。点灯させるピクセルの数を最小限に抑えます。画面が明るいほど、ディスプレイの温度が高くなります。画面をすべて白で埋めないでください。熱緩和が発生する可能性があります。