สไตล์

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

สี

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

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

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

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

รูปทรง

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

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

ดูข้อมูลเพิ่มเติมได้ที่ใช้มุมโค้ง

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

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

ธีมสว่างและธีมมืด

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

การพิมพ์

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

ลำดับชั้น

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

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