เริ่มต้นออกแบบสำหรับ Wear OS
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
ดีไซน์ Material สำหรับ Wear OS ช่วยให้คุณออกแบบประสบการณ์การใช้งานแอปที่น่าสนใจ
ทําความเข้าใจกรณีการใช้งาน
นาฬิกาช่วยให้ผู้ใช้ดูข้อมูลได้อย่างรวดเร็ว เช่น ดูความคืบหน้าในการบรรลุเป้าหมายด้านสุขภาพและการออกกำลังกาย และดำเนินการต่างๆ ได้อย่างรวดเร็ว เช่น ตอบกลับข้อความโต้ตอบ มุ่งเน้นที่กรณีการใช้งานเช่นนี้เมื่อออกแบบแอปสําหรับสมาร์ทวอทช์
อินเทอร์เฟซของนาฬิกานำเสนอโอกาสที่ไม่ซ้ำใครซึ่งไม่มีในอุปกรณ์เคลื่อนที่ ซึ่งรวมถึง
- อินพุตที่เปิดใช้โดยการเชื่อมต่อร่างกาย (ผ่านเซ็นเซอร์และการตรวจจับการเคลื่อนไหว)
- เข้าถึงข้อมูลและการดําเนินการที่มองเห็นได้อย่างรวดเร็ว เช่น ข้อมูลแทรก การแจ้งเตือน และการ์ด
นาฬิกายังมีข้อจำกัดต่อไปนี้ด้วย
- พื้นที่หน้าจอขนาดเล็ก
- ความหนาแน่นของข้อมูลต่ำ
- อายุการใช้งานแบตเตอรี่จํากัด
พิจารณาทั้งความสามารถและข้อจำกัดของแพลตฟอร์มเมื่อออกแบบแอปสำหรับนาฬิกา
check_circle
ควรทำ
ออกแบบประสบการณ์การใช้งานที่ช่วยให้ทำสิ่งต่างๆ ได้ง่ายๆ โดยใช้อินเทอร์เฟซของนาฬิกา
cancel
ไม่ควรทำ
อย่าสร้างแอปที่ซับซ้อนและมีรายละเอียดมากซึ่งมีรายการต่างๆ เช่น สเปรดชีต เนื่องจากจะแก้ไขและดูบนนาฬิกาได้ยาก
การออกแบบการทดสอบ
อุปกรณ์ Wear OS ส่วนใหญ่มีหน้าจอกลมซึ่งมีพื้นที่ UI น้อยกว่าจอแสดงผลสี่เหลี่ยมจัตุรัส 22% หน้าจอกลมยังต้องมีระยะขอบที่กว้างขึ้นเพื่อให้อ่านข้อความได้ง่ายขึ้นด้วย
ดีไซน์ Material สำหรับ Wear OS ช่วยให้คุณออกแบบประสบการณ์การใช้งานแอปที่น่าสนใจ ภาพหน้าจอต่อไปนี้แสดงตัวอย่างภาพของแอป Wear OS ที่เป็นไปตามหลักการที่อธิบายไว้ในคู่มือนี้
check_circle
ควรทำ
ออกแบบสำหรับอุปกรณ์ทรงกลมก่อนเพื่อให้แน่ใจว่าเลย์เอาต์ของคุณใช้งานได้ภายใต้ข้อจำกัดขนาดที่เล็กลง
cancel
ไม่ควรทำ
ผู้ที่สวมใส่นาฬิกามักจะเคลื่อนไหวอยู่เสมอ ไม่ว่าจะเป็นการยืน การทำท่าทาง หรือวิ่งตามรถประจำทาง ทดสอบการออกแบบในสถานการณ์ที่เกี่ยวข้องกับการเคลื่อนไหวของผู้ใช้เพื่อให้แน่ใจว่าการออกแบบใช้งานได้อย่างรวดเร็ว
ตัวอย่างแอป
ดีไซน์ Material สำหรับ Wear OS ช่วยให้คุณออกแบบประสบการณ์การใช้งานแอปที่น่าสนใจ ภาพหน้าจอต่อไปนี้แสดงตัวอย่างภาพของแอป Wear OS ที่เป็นไปตามหลักการที่อธิบายไว้ในคู่มือนี้
รูปที่ 1 ตัวอย่างแอปสื่อ
รูปที่ 2 ตัวอย่างแอปการจัดการงาน
รูปที่ 3 ตัวอย่างแอปรับส่งข้อความทันที
รูปที่ 4 ตัวอย่างแอปนาฬิกาจับเวลา
รูปที่ 5 ตัวอย่างแอปโทรศัพท์
รูปที่ 6 ตัวอย่างแอปเครื่องคิดเลข
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา Java และ OpenJDK เป็นเครื่องหมายการค้าหรือเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-27 UTC
[[["เข้าใจง่าย","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-27 UTC"],[],[],null,["# Getting started designing for Wear OS\n\nMaterial Design for Wear OS helps you design engaging app experiences.\n\nUnderstand use cases\n--------------------\n\nWatches allow users to get information at a glance, such as seeing\nprogress towards health and fitness goals, and to act quickly, like responding\nto an instant message. Focus on use cases like these when designing apps for\nsmartwatches.\n\nThe watch interface presents unique opportunities that are not available\non mobile devices, including:\n\n- Input enabled by a physical body connection (through sensors and motion detection).\n- Quick access to glanceable information and actions, such as complications, notifications, and Tiles.\n\nThe watch also comes with limitations:\n\n- Smaller screen space\n- Lower information density\n- Limited battery life\n\nConsider both the capabilities and limitations of the platform when designing\napps for watches. \ncheck_circle\n\n### Do\n\nDesign experiences where tasks can be accomplished easily using the watch interface. \ncancel\n\n### Don't\n\nDon't create complex, detailed apps that include items like spreadsheets, as this is difficult to edit and view on a watch.\n\nTest designs\n------------\n\nThe majority of Wear OS devices have round screens, which have 22% less UI\nspace than square displays. Round screens also need larger margins for text to\nbe more readable.\n\nMaterial Design for Wear OS helps you design engaging app experiences. The\nfollowing screenshots show a few illustrated examples of Wear OS apps that\nfollow the principles described in this guide. \ncheck_circle\n\n### Do\n\nDesign for round devices first to make sure your layout works within the smaller size constraints. \ncancel\n\n### Don't\n\nPeople wearing watches are regularly in motion, whether they are standing, gesturing, or running to catch a bus. Test your designs in situations that involve user movement to make sure the design is usable at a glance.\n\nApp examples\n------------\n\nMaterial Design for Wear OS helps you design engaging app experiences. The\nfollowing screenshots show a few illustrated examples of Wear OS apps that\nfollow the principles described in this guide.\n\n\n**Figure 1.** An example of a media app.\n\n**Figure 2.** An example of a task management app.\n\n\u003cbr /\u003e\n\n\n**Figure 3.** An example of an instant messaging app.\n\n**Figure 4.** An example of a stopwatch app.\n\n\u003cbr /\u003e\n\n\n**Figure 5.** An example of a dialer app.\n\n**Figure 6.** An example of a calculator app.\n\n\u003cbr /\u003e"]]
