樣式
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
有效設定小工具的樣式
是確保視覺上的吸引力
一致的使用者體驗本節會詳細說明
以及定義顏色和字體排版的技術
以及吸引人的 Android 小工具
顏色
使用顏色表達個人風格並傳達意義。設定合適的色彩
請務必讓小工具的色彩變得清晰易讀、獲得個人化體驗
展現應用程式品牌識別性的課程
使用 Material 顏色角色和符記,遵循無障礙對比規範
並支援動態色彩功能,例如使用者產生的色彩、深色或
淺色主題。
詳情請參閱 Material Design 色彩指南。
動態主題
從 Android 12 開始,小工具可以使用按鈕的裝置主題顏色。
背景和其他元件這樣一來,
不同的小工具、主畫面圖示和桌布,Android 使用者都能享有
提供更一致的使用者體驗使用提供的顏色符記可確保
小工具會整合在不同裝置提供的主題上
以及使用者設定的動態主題
淺色和深色模式
深色模式是低光源版本的裝置 UI,主要顯示深色模式
表面顏色。使用者越來越常切換至深色模式以提升服務品質
電池續航力以及舒適度如果小工具無法調整為深色模式
不會讓使用者感到困擾。
字體排版
字體排版可讓內容清晰易讀。使用字型大小和
利用權重建立明確階層,引導使用者查看
重要元素留意行距和字母間距 (核心)
方便閱讀,特別是在
受限空間
階層
階層結構是以不同字型粗細、大小、行高
以及字母間距新版字體比例會將文字樣式分成五種角色
描述這些用途多媒體廣告有五種文字樣式
標題、標題、副標題和內文新角色適用於各種裝置,
能在多種用途中輕鬆套用
這個頁面中的內容和程式碼範例均受《內容授權》中的授權所規範。Java 與 OpenJDK 是 Oracle 和/或其關係企業的商標或註冊商標。
上次更新時間:2024-08-16 (世界標準時間)。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u4e0a\u6b21\u66f4\u65b0\u6642\u9593\uff1a2024-08-16 (\u4e16\u754c\u6a19\u6e96\u6642\u9593)\u3002"}
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2024-08-16 (世界標準時間)。"]]