色は、ディスプレイ、環境、認知を考慮します。グラスのカラーは、加法混色ディスプレイの動作をサポートし、視覚的な快適さを最適化するために、高度に洗練されたパレットを使用します。メガネでの色の使用は、現実世界との調和、重要な操作の表示、画像表示、セマンティックな意味の提供のために、慎重に行う必要があります。
光学シースルー ディスプレイでは黒は透明になります。暗い色はくすんで見えたり、透明に見えたりしますが、奥行きを出すために使用することもできます。デザインする際は、この点に注意してください。
カラーパターン
メガネのカラーパターン（アプリの色をテーマ設定するためのカラー トークンまたはロールのコレクション）は、3 つのアクセント ロール、4 つのサーフェス（またはニュートラル ロール）、およびそれらのオンカラーの対応物で構成されています。カラーロールはモバイル スキームのロールと似ており、同じように使用する必要があります。
アクセント カラーは、強調を弱めるためにオンカラーとして使用できます。
すべきこと
すべきでないこと
色をカスタマイズする
メガネの色をカスタマイズする際は、視覚的な妨げを最小限に抑え、現実世界との調和を確保することが重要です。さまざまな照明条件での視認性を優先してください。これには、明るさと彩度のバランスを調整するために色を慎重に調整し、鮮明な視認性を確保しながら、すぐに識別できる十分な彩度を維持することが含まれます。プライマリ カラーは、ブランドカラーまたはプライマリ インタラクション カラーを使用するようにカスタマイズできます。選択した色のコントラスト、彩度、電力使用量を考慮します。
最適化されたブランドカラーとセマンティック カラー
ブランド、アクション、システム アラートを表す色は、次の条件を満たしている必要があります。
- 判読できる程度の明るさ
- 色として認識できるほど彩度が高い
電力消費量
色によっては、他の色よりも消費電力が多く、発熱量も多くなることがあります。右の図のように、同じトーンの色を比較すると、緑が最も消費電力が少なく、青が最も消費電力が多くなります。点灯させるピクセルの数を最小限に抑えます。画面が明るいほど、ディスプレイの温度が高くなります。画面をすべて白で埋めないでください。温度緩和が発生する可能性があります。
すべきこと
すべきでないこと
すべきこと
すべきでないこと
カスタマイズされたサーフェスは避けるべきです。
ダーク コンテナの色
コンテナは通常、コンテンツを邪魔にならないように表示することに重点を置く必要があります。
- コントラストを最大にするには、表面を黒にする必要があります
- アウトラインは表示されるが、目立たないようにする
すべきこと
すべきでないこと
アウトラインをカスタマイズして、ブランディングや表現力豊かな UI を追加できます。
すべきこと
すべきでないこと
警告
青でアウトライン フォーカスをカスタマイズ: フォーカス状態のハイライトは 2 つのアウトラインで構成され、レイヤ 2 に色が適用されてフォーカス状態が調整されます。