การจัดรูปแบบวิดเจ็ตอย่างมีประสิทธิภาพ เป็นสิ่งสำคัญที่จะทำให้ ที่สอดคล้องกัน ส่วนนี้จะเจาะลึกแนวคิดหลักและ กำหนดสีและการพิมพ์เพื่อสร้างประโยชน์มากที่สุด และวิดเจ็ต Android ที่น่าสนใจ
สี
ใช้สีเพื่อแสดงสไตล์และสื่อความหมาย การตั้งค่าสีที่เหมาะสม สำหรับสีวิดเจ็ตของคุณนั้น มีความสำคัญต่อความชัดเจน เข้าใจง่าย และ ที่แสดงถึงเอกลักษณ์ของแบรนด์ของแอป
ใช้บทบาทและโทเค็นของสีวัสดุเพื่อให้เป็นไปตามหลักเกณฑ์คอนทราสต์สำหรับการช่วยเหลือพิเศษ และรองรับฟีเจอร์สีแบบไดนามิก เช่น สีที่ผู้ใช้สร้างขึ้นและสีเข้ม หรือ ธีมสว่าง
ดูข้อมูลเพิ่มเติมได้ที่คำแนะนำเกี่ยวกับสีของ Material Design
ธีมแบบไดนามิก
ตั้งแต่ Android 12 เป็นต้นไป วิดเจ็ตจะใช้สีธีมของอุปกรณ์สำหรับปุ่มต่างๆ ได้ พื้นหลัง และองค์ประกอบอื่นๆ วิธีนี้จะสร้างความสอดคล้องของภาพ วิดเจ็ต ไอคอนหน้าจอหลัก และวอลเปเปอร์ต่างๆ นำเสนอแก่ผู้ใช้ Android และมีความกลมกลืนกันมากขึ้น การใช้โทเค็นสีที่ระบุจะช่วยให้ วิดเจ็ตจะมีลักษณะผสานรวมในธีมอุปกรณ์ที่ให้บริการโดยอุปกรณ์อื่น และธีมแบบไดนามิกที่ผู้ใช้กำหนด
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/01_Dynamic_theme.jpg?authuser=3&hl=th)
โหมดสว่างและโหมดมืด
โหมดมืดคือ UI อุปกรณ์เวอร์ชันแสงน้อยและจะแสดงแบบมืดเป็นส่วนใหญ่ สีพื้นผิว ผู้ใช้เปลี่ยนไปใช้โหมดมืดมากขึ้นเรื่อยๆ อายุการใช้งานแบตเตอรี่และความสบายตา หากวิดเจ็ตไม่ปรับเป็นโหมดมืด จะแสดงนอกสถานที่และอาจทำให้ผู้ใช้รู้สึกหงุดหงิดได้
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/02_Light_and_Dark.jpg?authuser=3&hl=th)
การพิมพ์
ตัวอักษรช่วยให้การเขียนอ่านง่ายและสวยงาม ใช้ขนาดอักษรและ น้ำหนัก เพื่อสร้างลำดับชั้นที่ชัดเจน ดึงสายตาของผู้ใช้ได้มากที่สุด องค์ประกอบสำคัญต่างๆ ให้ความสำคัญกับระยะห่างระหว่างบรรทัดและระยะห่างระหว่างตัวอักษร (ช่องไฟ) เพื่อให้อ่านง่ายขึ้น โดยเฉพาะสำหรับการแสดงข้อความขนาดเล็กภายใน พื้นที่ที่จำกัดของวิดเจ็ต
ลำดับชั้น
ระบบจะสื่อสารลำดับชั้นผ่านความแตกต่างในน้ำหนักแบบอักษร ขนาด ความสูงของบรรทัด และระยะห่างระหว่างตัวอักษร สเกลประเภทที่อัปเดตจะจัดระเบียบรูปแบบข้อความออกเป็น 5 บทบาท ซึ่งสร้างขึ้นเพื่ออธิบายวัตถุประสงค์ รูปแบบข้อความ 5 รูปแบบคือโฆษณาแบบดิสเพลย์ บรรทัดแรก ชื่อ ชื่อรอง และเนื้อหา บทบาทใหม่ใช้ได้กับอุปกรณ์ทุกแบบ ทำให้ ใช้งานง่ายขึ้นในกรณีการใช้งานที่หลากหลาย
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/03_Typography.jpg?authuser=3&hl=th)