แบนเนอร์

hero

ภาพรวม

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


การเรียบเรียง

หากแบนเนอร์ปิดได้ โฮสต์จะแสดงรายการสุดท้ายในรายการองค์ประกอบต่อท้ายเป็นปุ่มไอคอนปิดมาตรฐานโดยอัตโนมัติ

hero

1. รูปภาพนำ

2. ข้อความหลัก

3. ข้อความรอง (ไม่บังคับ)

4. องค์ประกอบต่อท้าย (ไม่บังคับ)


ข้อกำหนดด้าน UX

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

ระดับข้อกำหนด

เนื้อหา

MUST

แสดงแบนเนอร์เพียงรายการเดียวต่อส่วน วางแบนเนอร์ในส่วนเฉพาะที่ไม่มีคอมโพเนนต์ประเภทอื่นๆ

SHOULD

ใช้การเติมพื้นหลังที่กำหนดเอง สีเน้นปุ่ม และรัศมีมุมที่แตกต่างกันเพื่อแยกแบนเนอร์ออกจากแถวเนื้อหามาตรฐาน

SHOULD

หลีกเลี่ยงการวางส่วนแบนเนอร์ติดกันโดยตรงเพื่อรักษาความโดดเด่นด้านภาพ