總覽
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
Material 3 Expressive 是我們最小螢幕 (智慧手錶) 的最新設計系統。這款錶款經過最佳化設計,強調高級質感和更高層次的錶面表現。使用 Material 3 Expressive 設計及建構精美且富有表現力的智慧手錶應用程式。
表達力設計原則
透過精心設計的形狀、動畫、色彩和字體排版,提升每個 UI 圖層的表現力。
擁抱回合
Material 3 Expressive 推出了專為圓形螢幕設計的形狀架構。它會使用整個畫布,以便最佳化一目瞭然和視覺平衡。
頂級動作和彈簧
Material 3 Expressive 更新可讓導覽介面在所有轉場中都呈現自然、高級且一致的體驗。Motion 現在會以空間方式連結表面。這些手勢的回應更準確,可提供更直覺的導覽體驗。
形狀變形
Material 3 Expressive 為清單和選取按鈕引進形狀轉換框架,以提供更高級的體驗。清單功能可在圓形板型規格上流暢捲動。
豐富的色彩
色彩系統擴充功能採用了 Material 3 Expressive 中更深的色調調色盤和更廣泛的符記集。新增第三種重點色彩,以及更多符記變化版本和更明確的顏色角色,可為設計系統帶來深度和多樣性。
變數字型
Material 3 Expressive 會將所有 Roboto 例項替換為 Roboto Flex。基準類型比例經過調整,可配合手錶的圓弧螢幕使用。
這個頁面中的內容和程式碼範例均受《內容授權》中的授權所規範。Java 與 OpenJDK 是 Oracle 和/或其關係企業的商標或註冊商標。
上次更新時間:2025-07-26 (世界標準時間)。
[[["容易理解","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"]],["上次更新時間:2025-07-26 (世界標準時間)。"],[],[],null,["# Overview\n\nMaterial 3 Expressive is the latest design system for our smallest\nscreen: the watch. Optimized for the round form factor, it brings a design\nupdate which emphasizes premium and a greater level of expression. Design and\nbuild beautiful and expressive watch apps with Material 3 Expressive.\n\nExpressive design principles\n----------------------------\n\nExpressive design elevates each UI layer with thoughtful shape, animation,\ncolor, and typography treatments.\n\n### Embrace round\n\n\nMaterial 3 Expressive introduces a shape framework designed for round\nscreens. It uses the entire canvas to optimize glanceability and visual\nbalance. \n\n\u003cbr /\u003e\n\n### Premium motion and springs\n\n\nMaterial 3 Expressive updates make navigation feel natural, premium, and\nconsistent across all transitions. Motion now spatially connects surfaces.\nThey respond more accurately to user gestures, making navigation more\nintuitive. \n\n\u003cbr /\u003e\n\n### Shape morphing\n\n\nMaterial 3 Expressive introduces a shape morphing framework for lists and\nselect buttons, optimized for a more premium feel. Lists feature smooth\nscrolling on a round form factor. \n\n\u003cbr /\u003e\n\n### Rich color\n\n\nThe color system expands to adopt the deeper tonal palettes and wider\ntoken set included with Material 3 Expressive. The addition of a third\naccent color, along with more token variants and more specific color roles,\nbrings both depth and variety to the design system. \n\n\u003cbr /\u003e\n\n### Variable fonts\n\n\nMaterial 3 Expressive replaces all instances of Roboto with Roboto Flex.\nA baseline type scale is tailored and optimized for the watch's rounded screen. \n\n\u003cbr /\u003e"]]