تخطَّ إلى المحتوى

كيف تسجّل فيديوهات تمرير سلسة لقوالب Framer

اصنع فيديو معاينة لقالب Framer أو Webflow أو Wix: التقط الموقع المنشور وتأثيرات الظهور تعمل، وتوقّف عند الأقسام التي تبيع، وصدّر لصفحة القالب ولوسائل التواصل.

Aviral Lakhanpaulآخر تحديث مدة القراءة: 3 دقيقة

الإجابة المختصرة

انشر القالب على عنوانه المجاني في Framer، والصق ذلك الرابط في أداة فيديو تمرير، وبدّل إلى «التقاط حي» كي تعمل تأثيرات الظهور وحركات التمرير في Framer كما يراها الزائر. توقّف قليلًا عند الواجهة وشبكة المزايا وقسم الأسعار، وأضف تفاعلات تمرير فوق البطاقات التفاعلية، وصدّر MP4 بنسبة 16:9 لصفحة القالب، ومعه نسخة 4:5 أو 9:16 لوسائل التواصل.

لماذا يصعب تسجيل معاينات القوالب

قوالب Framer مصنوعة لتتحرك. تتلاشى الأقسام وتنزلق إلى الداخل حين تدخل منطقة العرض، وتتغير أحجام العناصر وتتحرك بتأثير البارالاكس مع التمرير، وتتفاعل البطاقات مع المؤشر. تسجيل الشاشة يلتقط ذلك كله، ومعه عجلة غير منتظمة وكل ما يُسقطه جهازك حين تعمل ثلاث حركات في آن واحد. أما لقطة الصفحة الكاملة البسيطة فلا تلتقط شيئًا منه، لأن الصورة الثابتة ليس فيها تمرير تتفاعل معه. وفيديو المعاينة يحتاج إلى الحركة وإلى تمرير منتظم معًا.

خطوة بخطوة

  1. انشره على عنوان عام

    انشر القالب، أو نسخته التجريبية، على عنوانه المنتهي بـ.framer.website أو على نطاق مخصص. يجب أن يُفتح في نافذة تصفح خاصة دون كلمة مرور.

  2. الصق الرابط واختر «التقاط حي»

    الصق العنوان على الصفحة الرئيسية. وفي «المحرك»، اختر «التقاط حي». فهو يلتقط الصفحة عند كل موضع تمرير بدل تمرير الكادر على صورة ثابتة، فتعمل تأثيرات الظهور وتحويلات التمرير والأقسام المثبّتة تمامًا كما تعمل في المتصفح.

  3. اضبط الإيقاع

    من اثنتي عشرة إلى عشرين ثانية تناسب معظم الصفحات الرئيسية للقوالب. «ناعم» هو الحركة الآمنة؛ و«نبضي» يتحرك قسمًا بعد قسم ويستقر على كل منها، فيُبرز بنية القالب.

  4. توقّف عند ما يبيعه

    انقر على الصفحة حيث يجب أن يتوقف التمرير: الواجهة، أو شبكة المزايا أو تخطيط bento، أو آراء العملاء، أو الأسعار. حتى 6 وقفات، مدة كل منها من 0.5 إلى 5 ثوانٍ. وفعّل «في الاتجاهين» إن كان الفيديو يعود إلى الأعلى.

  5. أظهر حالات التمرير فوق العناصر

    فعّل المؤشّر، وأضف تفاعلًا وانقر البطاقة أو الزر الذي يجب أن يستقر عليه. ينتقل المؤشر إلى هناك، ويعمل تأثير التمرير فوق العنصر، ويبقى من 0.5 إلى 5 ثوانٍ قبل أن يتابع. وهناك ثمانية أشكال للمؤشّر، من macOS إلى نقطة بسيطة.

  6. صدّر النسخ التي تحتاجها

    MP4 بنسبة 16:9 بدقة 1080p أو 1440p لصفحة القالب، ثم غيّر الجهاز إلى «الهاتف» وصدّر نسخة 9:16 أو 4:5 من تخطيط الهاتف لـX أو Instagram أو TikTok.

«التقاط حي» أم «تحريك ثابت»؟

«تحريك ثابت» يقرأ الصفحة مرة واحدة ويمرّر عليها كادرًا إلى الأسفل. وهو سريع ومنتظم تمامًا، لكن كل ما يتحرك مع التمرير يتجمد على الحالة التي كان عليها حين قُرئت الصفحة. فعّل «إنهاء الحركات» فتُشغَّل تأثيرات الدخول حتى حالتها النهائية أولًا، ولا يُلتقط شيء وهو في منتصف ظهوره. أما «التقاط حي» فيشغّل التأثيرات فعلًا. وهو يستغرق وقتًا أطول بكثير في التصيير، ويضيف 13 رصيدًا إلى التصدير.

  • استخدم «التقاط حي» حين تكون الحركة جزءًا مما تبيعه، وهذا حال معظم قوالب Framer.
  • استخدم «تحريك ثابت» مع «إنهاء الحركات» للمسودات السريعة، أو للصفحات التي لا حركات فيها سوى حركات الدخول، أو لنسخة الهاتف حيث المساحة على الشاشة ضيقة.

لمسات أخيرة لصفحة القالب

  • إطار متصفح. Safari أو Chrome، فاتح أو داكن، كي تُفهم المعاينة على أنها موقع من النظرة الأولى.
  • خلفية. حواف حول النافذة بلون أو تدرّج أو إحدى الخلفيات الجاهزة الـ36. والزوايا المستديرة والظل الخفيف يجعلانها تبدو لقطة منتج لا لقطة شاشة.
  • الفاتح والداكن. إن كان القالب يتبع مظهر النظام، فافرض «فاتح» أو «داكن» في «نظام الألوان» وصدّر نسخة من كل منهما.
  • إطار أول نظيف. اثبت ثانية على الواجهة قبل أن يبدأ التمرير. فالمتاجر وتطبيقات التواصل كثيرًا ما تستخدم الإطار الأول صورةً مصغّرة.

جرّبه على موقعك

الصق رابطًا وعاين التمرير مجانًا. 51 رصيدًا مجانيًا عند التسجيل، بلا بطاقة ائتمان، وبلا علامة مائية على أي شيء تصدّره.

عمليات البحث الأخيرة

    أسئلة وأجوبتها

    إجابات مختصرة عمّا يسأل عنه الناس بعد ذلك.

    اتصل بنا
    كيف أسجّل موقع Framer مع حركاته؟

    استخدم طريقة التقاط تمرّر الصفحة الحية بدل تمرير الكادر على لقطة شاشة. وفي Website Scroll Video هذا هو محرك «التقاط حي»، الذي يلتقط الصفحة عند كل موضع تمرير فتعمل تأثيرات الظهور وتحويلات التمرير.

    هل يمكنني تسجيل مشروع Framer غير منشور؟

    ليس من رابط. انشره أولًا على عنوانه المجاني .framer.website، ويمكن أن يكون غير مدرج في نتائج البحث، ثم استخدم ذلك الرابط.

    ما المقاس المناسب لفيديو معاينة قالب؟

    راجع إرشادات الرفع لدى المتجر نفسه لمعرفة الحدود الدقيقة. وMP4 بنسبة 16:9 بدقة 1080p خيار افتراضي آمن لصفحات القوالب، مع نسخة 4:5 أو 9:16 لوسائل التواصل.

    شعار Website Scroll Video: زر تشغيل فوق صفحة ويب داخل نافذة متصفح.

    وقت أقل في التسجيل. وقت أكثر في البناء.

    أتمتِم تسجيلات المواقع بحركة قابلة للتخصيص وتحكم ذكي وخيارات تصدير مصمَّمة للمبدعين اليوم.