ภาพรวม
แบนเนอร์ช่วยแสดงประสบการณ์การใช้งานแอปพิเศษ ฟีเจอร์ใหม่ หรือข้อความสำคัญ แม้ว่าจะมีฟังก์ชันการทำงานคล้ายกับแถวมาตรฐาน แต่แบนเนอร์จะเพิ่มความโดดเด่นทางภาพด้วยการเติมพื้นหลังที่ปรับแต่งได้ และจะแยกจากเนื้อหาโดยรอบด้วยภาพเสมอ
การเรียบเรียง
รายการแบนเนอร์ได้รับการออกแบบมาให้มองเห็นได้ง่ายและมี 4 คอมโพเนนต์ ซึ่ง 2 คอมโพเนนต์ต่อไปนี้จำเป็นต้องมี
- รูปภาพหรือไอคอนนำ (ต้องระบุ)
- ข้อความหลัก: ชื่อและข้อความย่อย (ต้องระบุ)
- ข้อความรอง (ไม่บังคับ)
- รูปภาพหรือไอคอนต่อท้าย (ไม่บังคับ)
1. รูปภาพนำ
2. ข้อความหลัก
3. ข้อความรอง (ไม่บังคับ)
4. องค์ประกอบต่อท้าย (ไม่บังคับ)
ข้อกำหนดด้าน UX
โปรดปฏิบัติตามข้อกำหนดการออกแบบต่อไปนี้เพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ปลอดภัยและสอดคล้องกันในทุกแอป
ระดับข้อกำหนด |
เนื้อหา |
|---|---|
MUST |
แสดงแบนเนอร์เพียง 1 รายการต่อส่วน วางแบนเนอร์ในส่วนเฉพาะที่ไม่มีคอมโพเนนต์ประเภทอื่นๆ |
SHOULD |
ใช้การเติมพื้นหลังที่กำหนดเอง สีเน้นของปุ่ม และรัศมีมุมที่แตกต่างกันเพื่อแยกแบนเนอร์ออกจากแถวเนื้อหามาตรฐาน |
SHOULD |
หลีกเลี่ยงการวางส่วนแบนเนอร์ติดกันโดยตรงเพื่อรักษาความโดดเด่นทางภาพ |