タイプは、ディスプレイ グラスの快適性と視認性を最適化するために、最適化されたタイプスケールとフォント ファミリーの特性を含んでいます。
Jetpack Compose Glimmer には、最適化されたデフォルトのタイプスケールがあります。タイプ役割は、それぞれ 3 つのスタイルを持つ 2 つの役割で構成され、目的と階層に基づいています。
タイプスケールのロールと値は、Jetpack Compose Glimmer Figma キットで確認できます。コンポーネントでのタイプロールの使用方法も確認できます。
度単位で測定
グラス上のインターフェース（テキストを含む）は、ピクセルやポイントではなく、角度で測定されます。この測定単位は、UI がユーザーの画角を占めるスペースの量に対応しています。文字のサイズは、表示される距離に応じて変化します。
テキストの最小サイズは 0.6° です。
ほとんどのテキストは 0.7°～ 0.9° の範囲に収める必要があります。読みやすさに関する調査によると、読みやすい本文テキストの最小サイズは、どの奥行きでも 0.6° 程度です。最小の読みやすさの指標を満たすには、テキストのサイズを 18 ピクセル以上にする必要があります。30 PPD × 0.6° 最小 = 18 ピクセルのテキストサイズ。
フォントをカスタマイズする
Google Sans Flex などのフォントは、グラスのディスプレイ向けに最適化できます。Google Sans Flex を使用している場合は、可変フォント軸を使用してフォントを最適化し、より快適な読書体験を実現するための調整を行うことができます。
- オプティカル サイズ。各ポイントサイズに合わせて文字の形を最適化します。
- フォーマルさを調整する丸み軸
- 幅広いウェイトと幅
メガネのディスプレイのハレーションと色収差により、光が全方向に拡散し、文字の境界が消えてしまいます。丸みを帯びた文字形状は、文字形状の幾何学的構造が簡素化されているため、メガネディスプレイのハレーションや色収差を軽減できます。文字間隔、文字の形状、一目でわかるサイズを考慮することで、読みやすさと快適さが向上します。
ここでは、Google Sans Flex が、太さ軸を増やした丸みのあるフォントである Nunito に置き換えられています。
これらの原則は、この特定のディスプレイ フォーム ファクタの光学科学に基づいており、これらを遵守することが、快適で読みやすいユーザー エクスペリエンスを実現するための鍵となります。
すべきこと
