หน้านี้ได้รับการแปลโดย Cloud Translation API

ระดับ 3: ปรับเปลี่ยนและแตกต่างกัน
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ

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

*ในการออกแบบอินเทอร์เฟซผู้ใช้ (UI) จุดพักหมายถึงความกว้างของหน้าจอหรือขนาดวิวพอร์ตที่ระบบจะปรับเปลี่ยนเลย์เอาต์และการแสดงเนื้อหาเพื่อเพิ่มประสิทธิภาพประสบการณ์ของผู้ใช้ในอุปกรณ์ต่างๆ นักพัฒนาซอฟต์แวร์ใช้โค้ด (เช่น คิวรีสื่อ CSS) เพื่อกำหนดจุดเหล่านี้ และขอแนะนำให้ระบุการออกแบบ 2 แบบในจุดพักเหล่านี้ในข้อกำหนดการออกแบบ ขนาดหน้าจอ Wear OS เริ่มต้นที่ 192 dp โดยมีจุดหยุดพักเริ่มต้นสำหรับหน้าจอขนาดใหญ่ที่ 225 dp

ใช้จุดหยุดพักใน Wear OS

การใช้จุดพัก (BP) ที่ 225dp จะช่วยเพิ่มประสิทธิภาพเลย์เอาต์ในขนาดต่างๆ ได้

ควรทำ

ออกแบบเลย์เอาต์และลักษณะการทำงานที่กําหนดเองที่ 225dp ขึ้นไปเพื่อใช้พื้นที่หน้าจอเพิ่มเติม
เพิ่มค่าหลังจุดหยุดเมื่อเป็นไปได้
ใช้ตัวเลือกคอมโพเนนต์ขนาดใหญ่หลัง BP เพื่อให้ UI มองเห็นได้ง่ายขึ้น
แสดงออกอย่างกล้าหาญ

ไม่ควรทำ

ออกแบบสำหรับอุปกรณ์ขนาดเดียวเท่านั้น ทดสอบการออกแบบในหน้าจอหลายขนาด
ใช้เฉพาะลักษณะการทํางานแบบตอบสนอง
แสดงแอปหรือการ์ดของคุณให้โดดเด่น

ตัวอย่าง

รูปภาพต่อไปนี้แสดงตัวอย่างแอปที่ปรับขนาดและมีความแตกต่างกัน

มีเดียเพลเยอร์

เพิ่มขนาดตัวควบคุมหลักและปุ่มด้านล่างเพิ่มเติมหลังจากจุดตัด 225dp เพื่อเพิ่มคุณค่า ใช้ประโยชน์จากพื้นที่เพิ่มเติมในหน้าจอขนาดใหญ่ได้ดียิ่งขึ้น และปรับปรุงการมองเห็นได้อย่างรวดเร็ว