كيف يحوّل المصممون والمطورون المواقع المنشورة إلى فيديوهات لمعارض أعمالهم: ما الذي تلتقطه، وكم تكون المدة، وأي شكل يناسب كل منصة، وكيف تبدو مجموعة المشاريع متناسقة.
Aviral Lakhanpaulآخر تحديث مدة القراءة: 3 دقيقة
التقط كل موقع في فيديو تمرير قصير بدل لقطة شاشة: من 10 إلى 20 ثانية، مع وقفات عند القسمين أو الأقسام الثلاثة التي تحمل عملك، وبالشكل الذي يناسب المكان الذي سيُعرض فيه. واستخدم الإطار والخلفية والحركة نفسها في كل مشروع، كي يبدو معرض الأعمال مجموعة واحدة. أداة تحويل الرابط إلى فيديو تفعل ذلك من الرابط المنشور، ومسجّل الشاشة يصلح للمواقع التي لم تعد متاحة للعامة.
لقطة الشاشة للصفحة كاملة إما أن تُصغَّر حتى لا يُقرأ منها شيء، وإما أن تُقصّ عند الواجهة فيغيب معظم ما صنعته. أما فيديو التمرير فيعرض الصفحة بحجم مقروء ويصل مع ذلك إلى التذييل، ويُظهر ما لا تُظهره الصورة الثابتة: الإيقاع بين الأقسام، والعناصر المثبّتة، وحالات التمرير فوق العناصر، وحركات التمرير أيضًا إن اخترت المحرك المناسب.
من يتصفح معرض أعمال يمنح كل مشروع بضع ثوانٍ قبل أن يقرر البقاء. ابدأ الحركة فورًا، أو بعد ثبات لثانية تقريبًا على الواجهة، واجعل التمرير كله بين 10 و20 ثانية.
الوقفات تفيد فيديو معرض الأعمال أكثر من أي شيء آخر. توقّف ثانية أو ثانيتين عند كل قسم يُظهر قرارًا تصميميًا: الواجهة، وشبكة المزايا، وجدول الأسعار. يتسع الفيديو الواحد لما يصل إلى 6 وقفات، مدة كل منها بين 0.5 و5 ثوانٍ. وإن كانت الصفحة طويلة، فاقطع التمرير لينتهي قبل التذييل بدل تسريع كل شيء.
| الوجهة | الشكل | الصيغة |
|---|---|---|
| موقع معرض أعمالك | 16:9 أو 4:3 لسطح المكتب، و4:5 أو 9:16 لنسخة الهاتف | MP4، أو WebM لملفات أصغر |
| Dribbble وBehance وPeerlist | 4:3 أو 16:9 | MP4 |
| صفحة دراسة حالة | 16:9، مع إطار المتصفح | MP4 |
| خلاصة LinkedIn أو Instagram | 4:5 أو 1:1 | MP4 |
| رسالة بريد تعرض فيها عملك على عميل | 16:9 أو 1:1، وقصير | GIF، فهو يعمل داخل الرسالة في معظم تطبيقات البريد |
راجع حدود الرفع لدى كل منصة قبل التصدير بدقة 4K: فملف 1080p هو الخيار الأسلم عادةً لأي شيء سيُعاد ترميزه عند الرفع.
اثنا عشر مشروعًا التُقطت باثنتي عشرة طريقة تبدو كأنها أعمال اثني عشر شخصًا. قرّر طريقة العرض مرة واحدة وكرّرها.
الفيديو الصامت المتكرر يتصرف كصورة متحركة ويعمل تلقائيًا في كل متصفح حديث، ما دام مكتومًا ومسموحًا له بالتشغيل داخل الصفحة. اختر «نزولًا وعودة» في «التشغيل» كي يطابق الإطار الأخير الإطار الأول ويتكرر الفيديو بلا قفزة.
<video autoplay muted loop playsinline preload="metadata"
poster="project-poster.jpg" width="1920" height="1080">
<source src="project.webm" type="video/webm" />
<source src="project.mp4" type="video/mp4" />
</video>العرض والارتفاع يمنعان التخطيط من القفز أثناء تحميل الملف، والصورة المصغّرة (poster) تعطي المكان شيئًا يعرضه قبل وصول الإطار الأول.
الصق رابطًا وعاين التمرير مجانًا. 51 رصيدًا مجانيًا عند التسجيل، بلا بطاقة ائتمان، وبلا علامة مائية على أي شيء تصدّره.
كلاهما، لمهمتين مختلفتين. الصورة الثابتة تصنع صورة مصغّرة حادة، وفيديو التمرير يعرض الصفحة كاملة بحجم مقروء، ومعها حالات التمرير فوق العناصر والحركة. ومعظم المصممين يبدؤون بالفيديو ويحتفظون بصورة ثابتة غلافًا له.
أداة الروابط لا تلتقط إلا ما هو منشور اليوم. فإن احتفظت بنسخة من الموقع، فاستضفها على عنوان عام مؤقت وسجّلها منه، أو سجّلها محليًا بمسجّل الشاشة.
نعم. اقرأ الصفحة بعرض الهاتف بدل تصغير لقطة لسطح المكتب، كي يقدّم الموقع تخطيطه الحقيقي للهاتف، وصدّر بنسبة 9:16 أو 4:5.
أتمتِم تسجيلات المواقع بحركة قابلة للتخصيص وتحكم ذكي وخيارات تصدير مصمَّمة للمبدعين اليوم.
