Mặt đồng hồ
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Mặt đồng hồ là thành phần giao diện đầu tiên mà người dùng tương tác khi xem đồng hồ thông minh của họ, và cũng là thành phần giao diện được sử dụng nhiều nhất trên Wear OS. Người dùng có thể tuỳ chỉnh mặt đồng hồ theo phong cách hoặc nhu cầu của mình.

Nguyên tắc về trải nghiệm người dùng
Các phần sau đây mô tả về những nguyên tắc bạn cần lưu ý khi tạo mặt đồng hồ.
Thông báo thời gian |
Thể hiện ý nghĩa |
Hữu ích |
Mục đích quan trọng nhất của mặt đồng hồ là để thông báo thời gian. Trung bình, mọi người xem giờ khoảng 150 lần mỗi ngày. Hãy đảm bảo rằng thời gian luôn hiển thị rõ ràng trên màn hình. |
Mặt đồng hồ mang đến cho người dùng những cách thức độc đáo để thể hiện cá tính và phong cách. Hãy thêm nhiều kiểu dáng mặt đồng hồ cũng như tạo điều kiện để người dùng tuỳ chỉnh. |
Mặt đồng hồ cho phép người dùng xem nhanh các thông tin quan trọng. Hãy sử dụng các chức năng trên mặt đồng hồ để cho phép người dùng xem nội dung họ muốn. |
Nguyên tắc
Mặt đồng hồ là trải nghiệm cốt lõi trên mọi đồng hồ. Khi thiết kế mặt đồng hồ, bạn có thể linh hoạt tạo ra các kiểu dáng mặt đồng hồ độc đáo và phù hợp với người dùng. Xin lưu ý các nguyên tắc sau.
 |
Giúp người dùng dễ dàng xem nhanh
Giúp người dùng có thể xem nhanh mặt đồng hồ bằng cách dùng phông chữ rõ ràng, biểu tượng dễ đọc và bố cục đơn giản. Nhờ đó, người dùng có thể nhanh chóng tiếp cận thông tin quan trọng.
|
 |
Đưa các chức năng vào mặt đồng hồ
Các chức năng cho phép người dùng truy cập nhanh vào thông tin quan trọng. Bạn cũng có thể cá nhân hoá các chức năng để cho thấy nội dung có liên quan đến người dùng.
|
 |
Cho phép tuỳ chỉnh
Cho người dùng nhiều lựa chọn tuỳ chỉnh mặt đồng hồ (như cách phối màu, kiểu kim đồng hồ có thể tuỳ chỉnh cũng như chức năng). Điều này cho phép người dùng cá nhân hoá đồng hồ thông minh theo phong cách và nhu cầu của họ. Nhờ vậy, tính thẩm mỹ và tính thực dụng của mặt đồng hồ cũng tăng lên.
|
 |
Sử dụng màu đen
Hãy sử dụng màu đen làm màu chính, vì màu này giúp tiết kiệm thời lượng pin của đồng hồ. Màu đen cũng rất linh hoạt và trung tính, nhờ đó, những thành phần thiết kế khác sẽ nổi bật hơn.
|
 |
Nằm trong mép
Hãy thiết kế các mặt đồng hồ sao cho vừa vặn với mép của đồng hồ thông minh nhằm đảm bảo mặt đồng hồ trông gọn gàng cũng như giảm thiểu tình trạng các thành phần thiết yếu bị cắt hoặc bị mép đồng hồ che khuất.
|
Cân nhắc về mức sử dụng pin
Để tiết kiệm pin, hãy thiết kế mặt đồng hồ với đồ hoạ đơn giản, nền tối và đoạn mã được tối ưu hoá. Điều này giúp cải thiện trải nghiệm người dùng và cho phép kéo dài thời lượng pin.
Mỗi mặt đồng hồ có hai chế độ.
 |
 |
Tương tác
Đây là mặt đồng hồ sẽ xuất hiện khi người dùng tương tác với đồng hồ.
|
Màn hình luôn bật (AoD)
Đây là mặt đồng hồ xuất hiện khi người dùng không tương tác với đồng hồ. Để tiết kiệm pin, mặt đồng hồ AoD phải chiếu sáng từ 15% số pixel trở xuống trên mặt đồng hồ.
|
Để biết thêm thông tin về mặt đồng hồ, hãy xem bài viết Tạo mặt đồng hồ.
Nội dung và mã mẫu trên trang này phải tuân thủ các giấy phép như mô tả trong phần Giấy phép nội dung. Java và OpenJDK là nhãn hiệu hoặc nhãn hiệu đã đăng ký của Oracle và/hoặc đơn vị liên kết của Oracle.
Cập nhật lần gần đây nhất: 2025-07-27 UTC.
[null,null,["Cập nhật lần gần đây nhất: 2025-07-27 UTC."],[],[],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)."]]