หน้าปัด
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
หน้าปัดเป็นแพลตฟอร์มแรกที่ผู้ใช้โต้ตอบด้วยเมื่อดูสมาร์ทวอทช์ และเป็นแพลตฟอร์มที่ใช้มากที่สุดของ Wear OS ผู้ใช้สามารถปรับแต่งหน้าปัดตามสไตล์หรือความต้องการของตนเองได้

หลักการ UX
ส่วนต่อไปนี้อธิบายหลักการที่ควรคำนึงถึงเมื่อสร้างหน้าปัด
การบอกเวลา |
สื่อความหมาย |
มีประโยชน์ |
วัตถุประสงค์หลักของหน้าปัดคือการบอกเวลา โดยเฉลี่ยแล้ว ผู้ใช้จะดูเวลาวันละ 150 ครั้ง ตรวจสอบว่าเวลาแสดงบนหน้าจออย่างชัดเจน |
หน้าปัดเป็นวิธีพิเศษที่ให้ผู้ใช้ได้แสดงความเป็นตัวเองและสไตล์ ออกแบบหน้าปัดให้หลากหลายและอำนวยความสะดวกในการปรับแต่ง |
หน้าปัดช่วยให้ผู้ใช้ดูข้อมูลสำคัญได้อย่างรวดเร็ว ใช้ข้อมูลแทรกในหน้าปัดเพื่อให้ผู้ใช้ดูข้อมูลที่ต้องการได้ |
หลักเกณฑ์
หน้าปัดเป็นประสบการณ์การใช้งานหลักในนาฬิกาทุกรุ่น เมื่อออกแบบหน้าปัด คุณมีความยืดหยุ่นในการสร้างหน้าปัดที่ไม่ซ้ำใครซึ่งโดนใจผู้ใช้ โปรดคำนึงถึงหลักเกณฑ์ต่อไปนี้
 |
ทำให้ดูได้อย่างรวดเร็ว
ทำให้หน้าปัดดูข้อมูลได้อย่างรวดเร็วด้วยแบบอักษรที่ชัดเจน ไอคอนที่อ่านง่าย และเลย์เอาต์ที่เรียบง่าย ซึ่งช่วยให้ผู้ใช้เข้าถึงข้อมูลสำคัญได้อย่างรวดเร็ว
|
 |
ใส่ข้อมูลแทรก
ข้อมูลแทรกช่วยให้เข้าถึงข้อมูลสำคัญได้อย่างรวดเร็วและปรับแต่งให้แสดงข้อมูลที่ตรงกับความต้องการของผู้ใช้ได้
|
 |
อนุญาตการปรับแต่ง
เสนอตัวเลือกการปรับแต่งหน้าปัด เช่น รูปแบบสี เข็มและข้อมูลแทรกที่ปรับแต่งได้ ซึ่งช่วยให้ผู้ใช้ปรับเปลี่ยนสมาร์ทวอทช์ให้เหมาะกับสไตล์และความต้องการด้านฟังก์ชันการทำงานได้ ซึ่งจะช่วยเพิ่มความน่าสนใจและความใช้งานได้จริงของหน้าปัด
|
 |
ใช้สีดํา
ใช้สีดําเป็นสีหลักเนื่องจากช่วยประหยัดอายุการใช้งานแบตเตอรี่ของนาฬิกา สีดํายังใช้งานได้หลากหลายและกลางๆ จึงทําให้องค์ประกอบการออกแบบอื่นๆ โดดเด่น
|
 |
อยู่ภายในขอบ
ออกแบบหน้าปัดให้พอดีกับขอบของสมาร์ทวอทช์เพื่อให้ดูสะอาดตาและลดองค์ประกอบสำคัญที่จะโดนครอบตัดหรือบดบังโดยขอบ
|
ข้อควรพิจารณาเกี่ยวกับพลังงาน
ออกแบบหน้าปัดเพื่อยืดอายุการใช้งานแบตเตอรี่ด้วยกราฟิกแบบเรียบง่าย พื้นหลังสีเข้ม และโค้ดที่ได้รับการเพิ่มประสิทธิภาพ ซึ่งจะช่วยปรับปรุงประสบการณ์ของผู้ใช้และช่วยให้แบตเตอรี่ใช้งานได้นานขึ้น
หน้าปัดทุกหน้ามี 2 โหมด
 |
 |
โต้ตอบ
หน้าปัดนี้จะแสดงเมื่อผู้ใช้โต้ตอบกับนาฬิกา
|
จอแสดงผลเปิดตลอดเวลา (AOD)
นี่คือหน้าปัดที่แสดงเมื่อผู้ใช้ไม่ได้โต้ตอบกับนาฬิกา หน้าปัด AoD ต้องสว่างขึ้นไม่เกิน 15% ของพิกเซลบนหน้าปัดเพื่อประหยัดอายุการใช้งานแบตเตอรี่
|
ดูข้อมูลเพิ่มเติมเกี่ยวกับหน้าปัดได้ที่หัวข้อสร้างหน้าปัด
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา Java และ OpenJDK เป็นเครื่องหมายการค้าหรือเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-27 UTC
[null,null,["อัปเดตล่าสุด 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)."]]