เป็นหนึ่งใน 13 เทมเพลตโฆษณา HTML แบบเนทีฟใน Hermoso ซึ่งเป็นรูปแบบที่เบราว์เซอร์เรนเดอร์จากมาร์กอัปจริงแทนที่โมเดลจะสร้างให้ อันนี้ให้ผลลัพธ์เป็นวิดีโอ มีช่องข้อความ 4 ช่องให้คุณกรอก และต้องมีภาพหน้าจอแอป 2 ภาพจากแบรนด์ของคุณก่อนจึงจะรัน
เมื่อควรใช้
แคมเปญติดตั้งแอปและการเปิดตัวซอฟต์แวร์ เป็นคำตอบของแบรนด์แอปต่อภาพยนตร์สินค้า และเป็นวิธีเดียวที่จะแสดงอินเทอร์เฟซโดยไม่ให้โมเดลประดิษฐ์ขึ้นมา
สิ่งที่ต้องทำให้ถูก
อินเทอร์เฟซเป็น DOM ที่เรนเดอร์จากภาพหน้าจอจริงของคุณ จึงแม่นยำระดับพิกเซลและอ่านออก สองหน้าจอคือขั้นต่ำ ทัวร์หน้าจอเดียวคือโฆษณานิ่ง
รูปแบบโดยสรุป
- ผลลัพธ์: วิดีโอ
- ช่องข้อความ: 4 ช่อง แต่ละช่องมีงบจำนวนตัวอักษรของตัวเองที่คำนวณจากเลย์เอาต์ ไม่ได้เดา
- ไฟล์ที่ต้องใช้: ภาพหน้าจอแอป 2 ภาพ
- รหัสเทมเพลต: app-ui-tour
เทมเพลตนี้เรนเดอร์อย่างไร
ไม่มีอะไรที่นี่ถูกสร้างโดยโมเดลภาพหรือวิดีโอ รูปแบบคือหน้า HTML ที่ครบในตัวเอง ซึ่งแอนิเมชันเป็นฟังก์ชันบริสุทธิ์ของเวลา ไม่มี CSS keyframes ตัวจับเวลา หรือการสุ่ม ตัวเรนเดอร์ก้าวหน้าทีละเฟรมในเบราว์เซอร์ Chrome แบบ headless ถ่ายภาพหน้าจอทุกเฟรม แล้วประกอบด้วย ffmpeg เป็นไฟล์ H.264 ที่จบด้วยการเปลี่ยนภาพแบบค่อย ๆ ไปเป็นการ์ดปิดแบรนด์ของคุณ
สองสิ่งตามมาจากตรงนั้น การเรนเดอร์เป็น กำหนดผลได้แน่นอน: อินพุตเดียวกันให้ไฟล์เดียวกัน รูปแบบที่ดูถูกต้องเมื่อวานจึงดูถูกต้องวันนี้ และทุกคำบนหน้าจอคือข้อความที่เบราว์เซอร์เรนเดอร์จริง ซึ่งหมายความว่าคำคือคำที่แม่นยำและคมชัดในทุกความละเอียด ทั้งหมดนี้มีค่าใช้จ่ายไม่กี่เครดิตแทนการสร้างวิดีโอ ซึ่งทำให้รูปแบบเหล่านี้ใช้งานได้จริงในปริมาณมาก
ทัวร์ต้องมีกี่หน้าจอ?
อย่างน้อยสอง ทัวร์หน้าจอเดียวคือโฆษณานิ่งที่มีโทรศัพท์วาดล้อมไว้ หน้าจอคือภาพหน้าจอจริงของคุณที่เรนเดอร์เป็น DOM ของเบราว์เซอร์ภายใน iPhone ด้วย CSS ซึ่งทำให้อินเทอร์เฟซอ่านออกแทนที่จะถูกประดิษฐ์ขึ้น
เทมเพลตแบบเนทีฟอื่น ๆ
- การเปิดเผย Apple Notes
- แคโรเซล AirDrop ของสินค้า
- แคโรเซลแบรนด์
- วิกเน็ตภาพยนตร์
- การเปิดเผยแชท ChatGPT
- โฆษณาคุณค่าเคลื่อนไหว
ทั้ง 13 รายการอยู่ใน ดัชนีเทมเพลตโฆษณาแบบเนทีฟ และแคตตาล็อกที่กว้างกว่าอยู่ใน ดัชนีสูตรครีเอทีฟ