樣式

有效設定小工具的樣式 是確保視覺上的吸引力 一致的使用者體驗本節會詳細說明 以及定義顏色和字體排版的技術 以及吸引人的 Android 小工具

顏色

使用顏色表達個人風格並傳達意義。設定合適的色彩 請務必讓小工具的色彩變得清晰易讀、獲得個人化體驗 展現應用程式品牌識別性的課程

使用 Material 顏色角色和符記,遵循無障礙對比規範 並支援動態色彩功能,例如使用者產生的色彩、深色或 淺色主題。

詳情請參閱 Material Design 色彩指南

動態主題

從 Android 12 開始,小工具可以使用按鈕的裝置主題顏色。 背景和其他元件這樣一來, 不同的小工具、主畫面圖示和桌布,Android 使用者都能享有 提供更一致的使用者體驗使用提供的顏色符記可確保 小工具會整合在不同裝置提供的主題上 以及使用者設定的動態主題

圖 1:顯示顏色符記的小工具圖片。

淺色和深色模式

深色模式是低光源版本的裝置 UI,主要顯示深色模式 表面顏色。使用者越來越常切換至深色模式以提升服務品質 電池續航力以及舒適度如果小工具無法調整為深色模式 不會讓使用者感到困擾。

圖 2:左側螢幕為淺色模式的小工具,右側為深色模式。

字體排版

字體排版可讓內容清晰易讀。使用字型大小和 利用權重建立明確階層,引導使用者查看 重要元素留意行距和字母間距 (核心) 方便閱讀,特別是在 受限空間

階層

階層結構是以不同字型粗細、大小、行高 以及字母間距新版字體比例會將文字樣式分成五種角色 描述這些用途多媒體廣告有五種文字樣式 標題、標題、副標題和內文新角色適用於各種裝置, 能在多種用途中輕鬆套用

圖 3:顯示使用不同字體比例的小工具。