Jetpack Compose の Glimmer スタイル

明瞭さ、読みやすさ、最小限の注意散漫を考慮して設計します。

ビジュアル デザインの原則では、AI グラスの小型の近眼ディスプレイという独自の制約に合わせて、明瞭さ、読みやすさ、最小限の注意散漫さを重視しています。表示領域が限られていることと、ユーザーの主な関心が現実世界にあることを考慮してください。視覚要素は、鮮明でコントラストが高く、必要なときにのみ表示され、関連性がなくなるとすぐにフェードアウトするように設計する必要があります。

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

Jetpack Compose Glimmer のデザイン言語には、グラスでの視認性を最適化するためのシンプルなテーマが用意されています。セマンティック表現とアプリのまとまりを考慮して、色とタイプをカスタマイズできます。

Compose Glimmer の色相図。
Compose Glimmer にはカラーパターンが含まれています。
Glimmer のタイプスケールとスタイルを構成します。
Compose Glimmer には独自のタイプスケールが含まれています。
Glimmer シェイプのスタイルを構成します。
Compose Glimmer シェイプ スタイルには、ボーダー半径の 3 つのサイズが含まれています。
角を丸くして、ユーザーの注意がコンポーネントの角に向かないようにします。
角の鋭い形状を過度にカスタマイズすると、ユーザーの視線を誘導する視覚的なポケットが作成され、没入型エクスペリエンスや拡張エクスペリエンスでより大きな効果を発揮します。