錶面
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
錶面是使用者查看智慧手錶時最先接觸的介面,也是 Wear OS 上使用率最高的介面。使用者可以根據自己的風格或需求自訂錶面。

使用者體驗原則
以下各節將說明建立錶面時需注意哪些原則。
計時 |
Expressive |
實用 |
錶面主要用於顯示時間。平均來說,使用者每天會查看時間 150 次。因此請確保螢幕能清楚顯示時間。 |
錶面可讓使用者以獨特的方式展現個人特質和風格。因此不妨採用多樣化的錶面設計,方便使用者自訂各項功能。 |
使用者可以透過錶面快速一覽重要資訊。建議您利用錶面上的小工具,讓使用者查看所需內容。 |
指南
錶面是每款智慧手錶的核心體驗。雖然在設計錶面時,您可以靈活打造能引起使用者共鳴的獨特錶面,請記住下列規範。
 |
一目瞭然
運用清晰的字型、易懂的圖示和簡單的版面配置,讓錶面一目瞭然。這樣一來,使用者就能快速存取重要資訊。
|
 |
加入小工具
小工具可讓您快速存取重要資訊,並能進行個人化顯示與使用者相關的內容。
|
 |
讓使用者自訂
為錶面提供自訂選項,例如顏色搭配、可自訂的指針和小工具。如此一來,使用者就能根據個人風格和功能需求打造個人化的智慧型手錶。這不僅可以提升錶面美感,還能兼顧實用性。
|
 |
使用黑色
使用黑色做為主要顏色,有助於節省智慧手錶的電池續航力。黑色也是百搭的中性色,可讓其他設計元素脫穎而出。
|
 |
以邊框為界
設計錶面時,請以智慧手錶的邊框為界,確保外觀簡潔,並盡量避免重要元素遭到邊框裁剪或覆蓋。
|
電力方面的考量
請以簡單的圖形、深色的背景和最佳化的程式碼設計錶面,節省電池電力。這樣不僅可改善使用者體驗,還能延長電池續航力。
每個錶面有兩種模式。
 |
 |
互動模式
這是當使用者與手錶互動時顯示的錶面。
|
螢幕長亮模式 (AoD) 模式 這是使用者未與手錶互動時顯示的錶面。為了節省電池電力,AoD 錶面必須讓像素發光的比例在 15% 以下。
|
如要進一步瞭解錶面,請參閱「建構錶面」一文。
這個頁面中的內容和程式碼範例均受《內容授權》中的授權所規範。Java 與 OpenJDK 是 Oracle 和/或其關係企業的商標或註冊商標。
上次更新時間:2025-07-27 (世界標準時間)。
[null,null,["上次更新時間:2025-07-27 (世界標準時間)。"],[],[],null,["# Watch faces\n\nA watch face is the first surface users interact with when they check their\nsmartwatch and the most used surface of Wear OS. Users can customize their\nwatch face to their style or for their needs.\n\nUX Principles\n-------------\n\nThe following sections describe principles to keep in mind when creating\nwatch faces.\n\n|-----------------------------------------------------------------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| Time-telling ------------ | Expressive ---------- | Useful ------ |\n| The purpose of a watch face is foremost to tell the time. On average, people check the time 150 times a day. Ensure that time is highly visible on your screen. | Watch faces provide unique ways for users to express their personality and style. Include variety in your watch face designs and facilitate customization. | Watch faces provide users with the ability to quickly glance at important information. Use complications on the watch face to let users to view what they want. |\n\nGuidelines\n----------\n\nWatch faces are a core experience on every watch. When designing watch faces\nyou have flexibility to create unique watch faces that resonate with users. Keep\nin mind the following guidelines.\n\n|---|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| | **Make glanceable** Make watch faces glanceable with clear fonts, legible icons, and a simple layout. This lets users access important information quickly. |\n| | **Include complications** Complications provide quick access to important information and can be personalized to display what is relevant to the user. |\n| | **Allow for customization** Offer customization options for watch faces such as color ways, customizable hands and complications. This allows users to personalize their smartwatch to their style and functional needs. This enhances the aesthetic appeal and practicality of the watch face. |\n| | **Use the color black** Use black as the primary color as this helps to conserve battery life on your watch. Black is also versatile and neutral, so it allows other design elements to stand out. |\n| | **Stay within the bezel** Design watch faces to fit within the bezel of the smartwatch to ensure a clean appearance and minimize essential elements being cropped or covered by the bezel. |\n\nPower considerations\n--------------------\n\nDesign watch faces to conserve battery life with simple graphics, dark\nbackgrounds, and optimized code. This improves the user experience and allows\nthe battery to last longer.\n\nEvery watch face has two modes.\n\n|-------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| | |\n| **Interactive** This is the watch face shown when the user is interacting with the watch. | **Always-on display (AoD)** This is the watch face shown when the users are not interacting with the watch. AoD watch faces must illuminate 15% or less of the pixels on the watch face to conserve battery life. |\n\nFor more information about watch faces, see\n[Build watch faces](/training/wearables/watch-faces)."]]