เลือกภาษา
  1. หน้าแรก
  2. สร้าง
  3. สร้างวิดีโอเดโม

สร้างวิดีโอเดโม

เปลี่ยนภาพหน้าจอหรือวิดีโอบันทึกหน้าจอให้เป็นวิดีโอเดโมสินค้า พร้อมกรอบอุปกรณ์ คอลเอาต์ และการ์ดแสดงฟีเจอร์ มี 6 เทมเพลต ส่งออกเป็น MP4

กำลังโหลดเครื่องมือ…
ให้คะแนนเครื่องมือนี้
ยังไม่มีคะแนน เป็นคนแรกเลย

วิธีใช้งาน

  1. ขั้นตอนที่ 1

    เลือกเทมเพลตเดโม

    เลือกจาก Website walkthrough, App on a phone, Laptop screen, Three steps, Feature grid หรือ Spotlight

  2. ขั้นตอนที่ 2

    เพิ่มหน้าจอของคุณ

    ลากภาพหน้าจอหรือวิดีโอบันทึกหน้าจอสั้นๆ มาวางที่ช่องสื่อ ก่อนเพิ่ม ระบบจะแสดงหน้าจอแอปตัวอย่างให้

  3. ขั้นตอนที่ 3

    อธิบายฟีเจอร์ 3 ข้อ

    เขียนพาดหัวและข้อความสั้นๆ 3 บรรทัดเกี่ยวกับฟีเจอร์ จากนั้นใส่ชื่อผลิตภัณฑ์ เว็บไซต์ ปุ่ม และโลโก้

  4. ขั้นตอนที่ 4

    ปรับสไตล์และส่งออก

    เลือกสี แบบอักษร ความยาว (6 ถึง 45 วินาที) และเพลง เลือกฟอร์แมต แล้วส่งออกวิดีโอเดโม

วิดีโอเดโมใช้ทำอะไร

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

6 รูปแบบในการนำเสนอผลิตภัณฑ์

  • Website walkthrough: แสดงหน้าจอของคุณในหน้าต่างเบราว์เซอร์ ภาพจะซูมไปยังคอลเอาต์ทั้ง 3 จุดตามลำดับ และเคอร์เซอร์จะเลื่อนไปคลิกที่ตำแหน่งต่างๆ
  • App on a phone: แสดงหน้าจอของคุณในกรอบโทรศัพท์ โดยมีฟีเจอร์ปรากฏทั้งสองข้าง หรือด้านบนโทรศัพท์ในอัตราส่วนแนวตั้ง การ์ดตอนจบจะแสดงชื่อแอป บรรทัดคะแนนรีวิว และปุ่ม
  • Laptop screen: นำเสนอแอปบนเดสก์ท็อปหรือแดชบอร์ดบนแล็ปท็อปอย่างเรียบหรูและสบายตา
  • Three steps: ภาพ 3 ภาพพร้อมแถบความคืบหน้า เหมาะสำหรับอธิบายวิธีเริ่มต้นใช้งาน เช่น สมัครสมาชิก ตั้งค่า เสร็จเรียบร้อย
  • Feature grid: หน้าจอของคุณพร้อมการ์ดฟีเจอร์และไอคอนเรียบง่ายที่วาดด้วยโค้ด
  • Spotlight: หน้าจอจะมืดลง ยกเว้นสปอตไลต์ที่เคลื่อนที่ไปหยุดตามแต่ละฟีเจอร์ พร้อมคำบรรยายประจำแต่ละจุด

ทั้ง 6 เทมเพลตรองรับอัตราส่วน 16:9, 1:1, 9:16 และ 4:5 จึงใช้เดโมเดียวกันได้ทั้งบนเว็บไซต์ โพสต์โซเชียล และสตอรี่

เตรียมภาพหน้าจอ

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

  1. ภาพหน้าจอ (PNG) ง่ายที่สุด ภาพคมชัด และเทมเพลตจะเพิ่มการเคลื่อนไหวให้
  2. วิดีโอบันทึกหน้าจอสั้นๆ แสดงการใช้งานจริง บันทึกด้วยโปรแกรมอัดหน้าจอ ตัดเก็บเฉพาะช่วงสำคัญด้วยตัดวิดีโอ และตัดแถบเบราว์เซอร์หรือขอบที่ว่างออกด้วยครอปวิดีโอ

ภาพหน้าจอแนวนอนเหมาะกับเทมเพลตเบราว์เซอร์และแล็ปท็อป ส่วนภาพหน้าจอโทรศัพท์แนวตั้งเหมาะกับ App on a phone ส่วนเทมเพลต Three steps มี 3 ช่องแยกกัน ช่องละ 1 ภาพต่อ 1 ขั้นตอน

เขียนฟีเจอร์ 3 ข้อ ไม่ใช่ 10 ข้อ

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

ความยาว เพลง และการส่งออก

ค่าเริ่มต้นคือ 12 ถึง 16 วินาที คุณลดเหลือ 6 หรือ 8 วินาทีสำหรับโฆษณาสั้น หรือเพิ่มเป็น 40 หรือ 45 วินาทีเมื่อแต่ละฟีเจอร์ต้องใช้เวลาแสดงบนหน้าจอนานขึ้น แต่ละเทมเพลตมีเพลงบรรยากาศที่เข้ากัน ซึ่งสร้างในเบราว์เซอร์ของคุณให้พอดีกับความยาว คุณเปลี่ยนเป็นบรรยากาศอื่น เพิ่มเพลงของคุณเอง หรือไม่ใช้เพลงเลยก็ได้ ส่งออกเป็น MP4 สำหรับการใช้งานทั่วไป WebM เพื่อไฟล์ที่เบากว่าบนเว็บไซต์ MOV สำหรับโปรแกรมตัดต่อวิดีโอ และ GIF สำหรับภาพเคลื่อนไหววนซ้ำสั้นๆ ใน README บทความช่วยเหลือ หรืออีเมล หากต้องการอธิบายเพิ่มเติมด้วยเสียงของคุณ ให้นำเดโมไปตัดต่อรวมกับคลิปอื่นในโปรแกรมตัดต่อวิดีโอ

คำถามที่พบบ่อย

ใช้วิดีโอบันทึกหน้าจอแทนภาพหน้าจอได้ไหม

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

ถ้ายังไม่มีภาพหน้าจอล่ะ

เทมเพลตจะแสดงหน้าจอแอปตัวอย่างจนกว่าคุณจะเพิ่มของตัวเอง คุณจึงเตรียมข้อความและสไตล์ไว้ก่อนได้

ควรใช้ขนาดไหนสำหรับเดโมแอป

ใช้ 16:9 สำหรับเว็บไซต์และ YouTube, 9:16 สำหรับสตอรี่และหน้าเว็บที่เน้นมือถือ และ 1:1 หรือ 4:5 สำหรับฟีดโซเชียล

สร้างเดโมเป็น GIF ได้ไหม

ได้ เลือก GIF ในแผงส่งออก ไฟล์จะมีขนาดเล็กลงและใช้ 15 เฟรมต่อวินาทีเพื่อให้ไฟล์เบา

ภาพหน้าจอของฉันถูกอัปโหลดไหม

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

เครื่องมืออื่นๆ