ภาพสไลด์แนะนำ

ภาพสไลด์แนะนำจะแสดงเนื้อหาที่เลือกซึ่งเกี่ยวข้องกับผู้ใช้

หน้าปก

แหล่งข้อมูล

ประเภท ลิงก์ สถานะ
การออกแบบ แหล่งที่มาของการออกแบบ (Figma) ใช้งานได้
การใช้งาน Jetpack Compose ใช้งานได้

ไฮไลต์

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

เวอร์ชัน

การผสานรวมแคโรเซลแนะนำทำได้ 2 วิธีดังนี้

  1. สมจริง
  2. Card

ภาพสไลด์เด่นแบบสมจริง

ภาพสไลด์การ์ดเด่น

บล็อกเนื้อหา

กายวิภาคศาสตร์

องค์ประกอบของบล็อกเนื้อหา

  1. ขีดเส้นเหนือข้อความ
  2. ชื่อ
  3. คำอธิบาย
  4. ปุ่ม

ข้อกำหนด

ข้อกำหนด Immersive ของบล็อกเนื้อหา

การใส่เลขหน้า

กายวิภาคศาสตร์

การแบ่งหน้า

  1. ฉากหลัง
  2. องค์ประกอบที่ใช้งานอยู่
  3. องค์ประกอบที่ไม่ได้ใช้งาน
  4. องค์ประกอบทั้งหมด

ข้อกำหนด

ข้อกำหนดการแบ่งหน้า

สมจริง

กายวิภาคศาสตร์

กายวิภาคศาสตร์ที่สมจริง

กายวิภาคของพื้นหลังสมจริง

  1. พื้นหลังของรูปภาพ
    1. ฉากกั้นแบบโปร่งใส
    2. Poster
    3. สีพื้นหลัง
  2. บล็อกเนื้อหา
  3. การใส่เลขหน้า
  4. ตารางกริดเนื้อหา

ข้อกำหนด

ข้อกำหนดของ Immersive

Card

กายวิภาคศาสตร์

กายวิภาคของภาพสไลด์การ์ดเด่น

กายวิภาคของรูปภาพภาพสไลด์การ์ดเด่น

  1. พื้นหลังของรูปภาพ
    1. ฉากกั้นแบบโปร่งใส
    2. Poster
    3. พื้นหลังของการ์ด
  2. บล็อกเนื้อหา
  3. การใส่เลขหน้า
  4. ตารางกริดเนื้อหา

ข้อกำหนด

ข้อกำหนดของภาพสไลด์การ์ดเด่น

การใช้งาน

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

รูปภาพในพื้นหลัง

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

ภาพคุณภาพสูง

ใช้รูปภาพความละเอียดสูงที่ดึงดูดสายตาและเกี่ยวข้อง กับเนื้อหาของการ์ดที่โฟกัส

ใช้รูปภาพที่สะอาดตา ดึงดูดสายตา และเกี่ยวข้องกับบล็อกเนื้อหา
หลีกเลี่ยงการใช้รูปภาพที่มีข้อความในพื้นหลัง

ลำดับชั้นภาพที่ชัดเจน

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

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