グラスのタイポグラフィ

タイプは、AI グラスの快適さと一目でわかるように最適化されています。これには、最適化されたタイプスケールとフォント ファミリーの特性が含まれます。

Jetpack Compose Glimmer には、最適化されたデフォルトのタイプスケールがあり、それぞれ 3 つのサイズを持つ 2 つのロールで構成されています。

グラスのタイプスケール。

度単位で測定

メガネのインターフェース(テキストを含む)は、ピクセルやポイントではなく、角度で測定されます。この単位は、ユーザーの視野内で 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 に置き換えられています。Nunito は、ウェイト軸が増加した丸みのあるフォントです。

これらの原則は、この特定のディスプレイ フォーム ファクタの光学科学に基づいており、これらに準拠することが、快適で読みやすいユーザー エクスペリエンスを実現するための鍵となります。

丸みを帯びたフォントを使用し、太さと文字間隔を大きくします。
細い縮小書体を使用します。