眼鏡的字體排版

字體經過最佳化,可讓使用者舒適閱讀 AI 眼鏡上的資訊,並輕鬆一覽內容,包括最佳化字體比例和字型特徵。

眼鏡的型別比例。

Jetpack Compose Glimmer 具有經過最佳化的預設型別比例。字體角色由兩種角色組成,每種角色各有 3 種樣式,並根據用途和階層而定。

您可以在 Jetpack Compose Glimmer Figma 套件中找到字體比例角色和值,以及元件中的字體角色用途。

以度為單位

眼鏡上的介面 (包括文字) 是以角度 (度) 為單位測量,而非像素或點。這項測量單位對應於 UI 在使用者視野中佔用的空間大小。字體大小會根據顯示距離而有所不同。

設計元素應錨定在影格底部。

文字大小下限為 0.6°

根據易讀性研究,可讀內文的最小尺寸約為 0.6°,因此大部分文字應介於 0.7° 至 0.9° 之間。如要達到最低可讀性指標,文字大小必須至少為 18 像素。30 PPD × 0.6° 最低 = 18 像素的文字大小。

自訂字型

Google Sans Flex 等字型可針對眼鏡螢幕進行最佳化。如果使用 Google Sans Flex,可以透過可變字型軸調整字型,打造更舒適的閱讀體驗:

  • 光學大小:針對每個點大小最佳化字母形狀
  • 圓潤度軸可調整正式程度
  • 提供多種粗細和寬度

眼鏡螢幕中的光暈和色差會將光線散布到所有方向,導致字母邊界消失。圓角字形可簡化字形幾何形狀,有助於減輕眼鏡螢幕中的光暈和色差。考慮字母間距、字母形狀和可一目瞭然的大小,以提升可讀性和舒適度。

自訂健行應用程式。 這裡的 Google Sans Flex 已換成 Nunito,這是一種圓角字型,權重軸也增加了。

這些原則是以特定螢幕外型的光學科學為基礎,遵循這些原則是打造舒適易讀使用者體驗的關鍵。

使用圓角字型,並增加字體粗細和字母間距。
使用細窄字體。