Simple Motionวิดีโอเปิดตัวแอปแบบ Kinetic พร้อมม็อกอัปอินเทอร์เฟซเคลื่อนไหว
<direction> สร้างวิดีโอเปิดตัวผลิตภัณฑ์แบบ Kinetic แนวนอน 1920x1080 ความยาว 42 วินาทีสำหรับ [your app] แสดงให้เห็นว่าผู้ก่อตั้งสร้างวิดีโอเปิดตัวสตาร์ทอัปของตัวเองได้ด้วยการแชตในแอปเท่านั้น สร้างอินเทอร์เฟซของแอปฉันขึ้นใหม่จากภาพหน้าจอของฉันเป็นม็อกอัปเคลื่อนไหวที่สะอาดตา ทำจากรูปทรงและข้อความ ให้ใกล้เคียงของจริง ในวิดีโอนี้เป็นแอปสีกรมท่าม่วงเข้มที่มี Live preview ทางซ้าย แท็บ Chat / Files / Panels ทางขวา และปุ่มเน้นสีชมพู ห้ามแสดงภาพหน้าจอเป็นภาพนิ่งเด็ดขาด: ทุกองค์ประกอบต้องเคลื่อนไหว คงอินเทอร์เฟซต่อเนื่องเดียวโดยไม่มีการตัดฉับ กล้องดันเข้า แพน และถอยออกระหว่างแผงต่าง ๆ ขณะที่เคอร์เซอร์เคลื่อนที่และคลิก ยึดตามตารางจังหวะ 120 BPM (หนึ่งบีต = 0.5 วินาที) และทำให้มีบางอย่างเกิดขึ้นในทุกบีต คำ Kinetic ขนาดยักษ์กระแทกทับ UI ระหว่างขั้นตอน สตาร์ทอัปของผู้ก่อตั้งเป็นแอปสมมติ เช่น "Pulse — standups your team actually reads" (เปลี่ยนเป็นของคุณ) หลีกเลี่ยงการตัดฉับ ภาพหน้าจอนิ่ง สิ่งใดที่ถูกตัดที่ขอบเฟรม และข้อความหรือแถบไฮไลต์ที่ล้ำเข้าไปในคอลัมน์ข้างเคียง </direction> <structure> 1) ฮุค 0–3 วิ: "YOUR LAUNCH VIDEO." แล้วต่อด้วย "IN ONE CHAT." ด้วยตัวอักษรขนาดยักษ์ ตัดทีละคำตามบีต "CHAT." แปลงร่างเป็นแท็บ Chat และกล้องถอยออกเห็นหน้าต่างแอปทั้งหมด 2) แหล่งอ้างอิง 3–8 วิ: ลิงก์ "pulse-demo.app" ถูกวางลงในแชต พิตช์เด็ค PDF และโลโก้บินเข้ามาเป็นการ์ดไฟล์แนบและล็อกเข้าที่ คำใหญ่ "DROP" 3) พรอมต์ 8–13 วิ: ผู้ก่อตั้งพิมพ์ "Make a 30-second launch video for Pulse, kinetic style, our colours" ทีละตัวอักษร จากนั้นเคอร์เซอร์แตะส่ง คำใหญ่ "ASK" 4) แผน 13–18 วิ: เอเจนต์ตอบด้วยแผนห้าขั้นตอนเป็นเช็กลิสต์ ขั้นตอนปรากฏและถูกติ๊กทีละข้อ และกล้องถอยออกเล็กน้อยทุกครั้งที่มีบรรทัดใหม่เพื่อให้เฟรมไม่รู้สึกว่าง คำใหญ่ "PLAN" 5) สเก็ตช์และ Go ประมาณ 18–21 วิ: สเก็ตช์โครงลวดสีเทาของโปรโมเติมเต็ม Live preview อย่างรวดเร็ว โดยเห็นป้าย "Live preview" และแถบเล่นอยู่ในเฟรม ผู้ก่อตั้งคลิก Go และพื้นหลังสีชมพูขยายออกจากปุ่มที่ถูกกดและท่วมหน้าจอหลัง "GO!" ขนาดยักษ์ 6) Live ประมาณ 21–31 วิ: บรรทัดสถานะปรากฏในแชต ("Picking fonts", "Animating the title", "Writing a soundtrack") ขณะที่สเก็ตช์เปลี่ยนเป็นโปรโมที่เสร็จสมบูรณ์ กล้องดันเข้าจนโปรโมเต็มเฟรม ราววินาทีที่ 27 พาดหัวโปรโม "Standups your team actually reads." เลื่อนเข้ามา และแถบไฮไลต์สีเขียวมะนาววาดใต้ "actually reads." ข้าง ๆ มีคอลัมน์สถิติพร้อม "92%" และ "updates read" คำใหญ่ "LIVE" 7) ส่งออก ประมาณ 31–37 วิ: กล้องถอยกลับมาที่แอป ปุ่ม Export และแท็บมองเห็นครบถ้วนขณะที่การส่งออกทำงานและเสร็จสิ้น คำใหญ่ "DONE" 8) เอนด์การ์ด ประมาณ 37–42 วิ: โลโก้ของ [your app] และ "Live on [launch site] today" (เปลี่ยนเป็นของคุณ) ลงตัวที่บีตสุดท้ายและค้างไว้จนจบ </structure> <composition> โทนสี: UI สีกรมท่าม่วงเข้ม ปุ่มเน้นสีชมพูมาเจนตาและพื้นสีชมพูที่ท่วมจอ ไล่สีชมพูเป็นส้มบนโลโก้ และสีเขียวมะนาวเป็นสีไฮไลต์ภายในโปรโมตัวอย่าง คำ Kinetic ขนาดยักษ์ ตัวหนา ตัวพิมพ์ใหญ่ ไม่มีเชิง ใช้ฟอนต์ของแบรนด์ และกว้างเกือบเต็มความกว้างเฟรม ย่อคำที่ยาวลงเล็กน้อยดีกว่าปล่อยให้ถูกตัด เว้นขอบปลอดภัยทุกที่ ในช็อตกว้างหน้าต่างแอปทั้งหมดอยู่ในเฟรม ในแชตช่องป้อนข้อความมองเห็นครบ ในฉากส่งออกปุ่ม Export และแท็บอยู่ในเฟรม ในโปรโมพาดหัวและแถบมะนาวอยู่ในคอลัมน์ของตัวเองโดยมีพื้นที่เหลือ แถบกว้างเท่าคำของมันพอดีและไม่ทับคอลัมน์ "92%" เด็ดขาด </composition> <techniques> กล้องเสมือนต่อเนื่องที่ดันเข้า แพน และถอยออกอย่างนุ่มนวลแบบ ease-in-out ระหว่างแผง โดยไม่มีการตัด เคอร์เซอร์ไหลไปยังเป้าหมายและคลิกพร้อมการย่อขนาดเล็กน้อยตอนกด คำฮุคตัดเข้าทีละคำต่อบีต การ์ดไฟล์แนบบินเข้ามาและล็อกเข้าที่พร้อมการเลยเล็กน้อย ข้อความแชตพิมพ์ทีละตัวอักษร รายการเช็กลิสต์ปรากฏและถูกติ๊กในบีตต่อเนื่องกัน สเก็ตช์สีเทาเติมเต็มอย่างรวดเร็วแล้วแปลงทีละองค์ประกอบเป็นโปรโมที่เสร็จสมบูรณ์ พื้นสีชมพูใต้ "GO!" ขยายออกเป็นวงกลมจากปุ่มที่ถูกคลิก คำใหญ่กระแทกเข้าด้วยแรงกระแทกแบบย่อขนาดอย่างเร็วทับ UI และออกไปอย่างรวดเร็วในบีตถัดไป ทุกบีตมีเหตุการณ์ที่มองเห็นได้: คำ คลิก การ์ด เครื่องหมายติ๊ก บรรทัดสถานะ หรือการเคลื่อนกล้อง </techniques> <music> เพลงอิเล็กทรอนิกส์สุดมันที่ 120 BPM โดยทุกการตัด การกระแทกของคำ และเหตุการณ์ใน UI ล็อกกับจังหวะ ไต่ระดับตลอดขั้นตอนการเตรียม พุ่งขึ้นสู่ "GO!" ขับเคลื่อนผ่านการสร้างสด และจบด้วยเสียงกระแทกสุดท้ายบนเอนด์การ์ด </music> <sound> เสียงคีย์บอร์ดที่ตรงกับทุกตัวอักษรที่พิมพ์พอดี เสียงคลิกเมาส์ทุกครั้งที่เคอร์เซอร์แตะ เสียง whoosh ตอนกล้องเคลื่อนและตอนการ์ดไฟล์แนบบินเข้ามา และเสียงสแนปเมื่อการ์ดลงที่ เสียงติ๊กเบา ๆ สำหรับขั้นตอนเช็กลิสต์และบรรทัดสถานะ เสียงกระแทกหนักแน่นใต้ทุกคำใหญ่ เสียง riser ขึ้นสู่ "GO!" และเสียงกระแทกสุดท้ายบนเอนด์การ์ด ให้เสียงเพลงอยู่ต่ำกว่าเอฟเฟกต์เพื่อให้เสียงคลิกและเสียงกระแทกได้ยินชัด </sound> <references> เทรลเลอร์เปิดตัวแอปแบบ Kinetic Typography ที่สร้างอินเทอร์เฟซ SaaS ขึ้นใหม่เป็นม็อกอัปเคลื่อนไหวคมชัดด้วยการเคลื่อนกล้องต่อเนื่องเดียว ในสไตล์โปรโมวันเปิดตัวผลิตภัณฑ์ </references>
ใช้แล้ว 2 ครั้ง
