ส่วนสปอตไลท์

hero

ภาพรวม

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


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

ส่วนสปอตไลต์ประกอบด้วยคอมโพเนนต์เลย์เอาต์หลัก 2 รายการ ได้แก่

  • ภาพฮีโร่: กราฟิกภาพเดี่ยวที่โดดเด่นซึ่งแสดงอยู่ด้านใดด้านหนึ่ง
  • รายการแบบย่อ: คอลัมน์รายการแบบย่อที่แสดงอยู่ติดกับรูปภาพหลักโดยตรง
hero

1. รูปภาพหลัก

2. รายการที่ย่อ


ข้อกำหนด UX

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

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

เนื้อหา

ต้อง

ใส่ภาพฮีโร่และสินค้าแบบย่ออย่างน้อย 1 รายการ

ต้อง

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

ควร

แสดงสินค้าที่ย่อแล้วอย่างน้อย 3 รายการข้างรูปภาพฮีโร่เพื่อสร้างเลย์เอาต์ที่สมดุลและสมบูรณ์แบบ