元件

元件是專為建構 UI 而設計的建構元素。應用程式應使用 Jetpack Compose Glimmer 元件,因為這些元件已針對 Google Glass 的獨特顯示用途進行最佳化。

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

最佳化元件

如何針對透明螢幕最佳化元件?

表面顏色:元件的表面顏色為黑色,可盡量提高卡片內容的對比度。

外框和醒目顯示:外框顏色會經過最佳化,以提高對比度。醒目顯示功能可提供視覺表現,並用於指出某些類型的輸入內容。

形狀:採用較柔和的形狀系統,減少尖銳的邊角,提升舒適度,讓使用者更容易瀏覽。

疊加表面色:內容的疊加表面色為白色或接近白色,可與表面形成最大對比。

字體排版:字體排版比例會使用一小組經過調整的內文和標題樣式,針對字距、大小和粗細進行最佳化,以達到最佳可讀性。

圖示:使用圓角 Material Symbols,與圓角字體比例一致。

準備好導入元件了嗎?請參閱 Jetpack Compose Glimmer UI 程式庫說明文件。