สไตล์

การจัดรูปแบบวิดเจ็ตอย่างมีประสิทธิภาพ เป็นสิ่งสำคัญที่จะทำให้ ที่สอดคล้องกัน ส่วนนี้จะเจาะลึกแนวคิดหลักและ กำหนดสีและการพิมพ์เพื่อสร้างประโยชน์มากที่สุด และวิดเจ็ต Android ที่น่าสนใจ

สี

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

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

ดูข้อมูลเพิ่มเติมได้ที่คำแนะนำเกี่ยวกับสีของ Material Design

ธีมแบบไดนามิก

ตั้งแต่ Android 12 เป็นต้นไป วิดเจ็ตจะใช้สีธีมของอุปกรณ์สำหรับปุ่มต่างๆ ได้ พื้นหลัง และองค์ประกอบอื่นๆ วิธีนี้จะสร้างความสอดคล้องของภาพ วิดเจ็ต ไอคอนหน้าจอหลัก และวอลเปเปอร์ต่างๆ นำเสนอแก่ผู้ใช้ Android และมีความกลมกลืนกันมากขึ้น การใช้โทเค็นสีที่ระบุจะช่วยให้ วิดเจ็ตจะมีลักษณะผสานรวมในธีมอุปกรณ์ที่ให้บริการโดยอุปกรณ์อื่น และธีมแบบไดนามิกที่ผู้ใช้กำหนด

วันที่
รูปที่ 1: รูปวิดเจ็ตที่แสดงโทเค็นสี

โหมดสว่างและโหมดมืด

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

วันที่
รูปที่ 2: วิดเจ็ตในโหมดสว่างบนหน้าจอด้านซ้ายและมืดทางด้านขวา

การพิมพ์

ตัวอักษรช่วยให้การเขียนอ่านง่ายและสวยงาม ใช้ขนาดอักษรและ น้ำหนัก เพื่อสร้างลำดับชั้นที่ชัดเจน ดึงสายตาของผู้ใช้ได้มากที่สุด องค์ประกอบสำคัญต่างๆ ให้ความสำคัญกับระยะห่างระหว่างบรรทัดและระยะห่างระหว่างตัวอักษร (ช่องไฟ) เพื่อให้อ่านง่ายขึ้น โดยเฉพาะสำหรับการแสดงข้อความขนาดเล็กภายใน พื้นที่ที่จำกัดของวิดเจ็ต

ลำดับชั้น

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

วันที่
รูปที่ 3: วิดเจ็ตแสดงการใช้งานสเกลประเภทต่างๆ