有效設定小工具的樣式 是確保視覺上的吸引力 一致的使用者體驗本節會詳細說明 以及定義顏色和字體排版的技術 以及吸引人的 Android 小工具
顏色
使用顏色表達個人風格並傳達意義。設定合適的色彩 請務必讓小工具的色彩變得清晰易讀、獲得個人化體驗 展現應用程式品牌識別性的課程
使用 Material 顏色角色和符記,遵循無障礙對比規範 並支援動態色彩功能,例如使用者產生的色彩、深色或 淺色主題。
詳情請參閱 Material Design 色彩指南。
動態主題
從 Android 12 開始,小工具可以使用按鈕的裝置主題顏色。 背景和其他元件這樣一來, 不同的小工具、主畫面圖示和桌布,Android 使用者都能享有 提供更一致的使用者體驗使用提供的顏色符記可確保 小工具會整合在不同裝置提供的主題上 以及使用者設定的動態主題
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Dynamic_theme.jpg?authuser=0000&hl=zh-tw)
淺色和深色模式
深色模式是低光源版本的裝置 UI,主要顯示深色模式 表面顏色。使用者越來越常切換至深色模式以提升服務品質 電池續航力以及舒適度如果小工具無法調整為深色模式 不會讓使用者感到困擾。
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Light_and_Dark.jpg?authuser=0000&hl=zh-tw)
字體排版
字體排版可讓內容清晰易讀。使用字型大小和 利用權重建立明確階層,引導使用者查看 重要元素留意行距和字母間距 (核心) 方便閱讀,特別是在 受限空間
階層
階層結構是以不同字型粗細、大小、行高 以及字母間距新版字體比例會將文字樣式分成五種角色 描述這些用途多媒體廣告有五種文字樣式 標題、標題、副標題和內文新角色適用於各種裝置, 能在多種用途中輕鬆套用
![](https://developer.android.com/static/images/design/ui/mobile/widgets/03_Typography.jpg?authuser=0000&hl=zh-tw)