Jetpack Compose の Glimmer スタイル

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

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

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

Jetpack Compose Glimmer のデザイン ランゲージは、グラスでの視認性を最適化するために簡素化されたテーマを特徴としています。色とタイプは、意味表現とアプリのまとまりに合わせてカスタマイズできます。

Glimmer の色相図を作成します。
Compose Glimmer にはカラーパターンが含まれています。
Glimmer のタイプスケールとスタイルを作成します。
Compose Glimmer には独自のタイプスケールが含まれています。
Glimmer シェイプ スタイルを作成します。
Compose Glimmer のシェイプ スタイルには、3 つのサイズの角丸が含まれています。
角を丸くして、ユーザーの注意がコンポーネントの角に向かないようにします。
角が鋭い形状を過度にカスタマイズすると、ユーザーの目を引き付ける視覚的なポケットが作成され、没入型エクスペリエンスや拡張エクスペリエンスに大きな影響を与える可能性があります。