إنتاج الفيديو

# دليل استخدام إنتاج الفيديو

## نظرة عامة

إضافة **إنتاج الفيديو** موجهة إلى المبدعين والمطورين وفرق المنتجات الذين يريدون إنتاج مقاطع فيديو عالية الجودة بسرعة. تجمع بين إرشادات تصميم UI/UX احترافية وأفضل ممارسات تطوير الفيديو باستخدام Remotion، لتساعدك على بناء سير عمل واضح وفعال وقابل لإعادة الاستخدام لإنتاج الفيديو، بدءا من الأسلوب البصري وإيقاع الحركة وتنسيق الترجمات وتنظيم المواد وصولا إلى العرض النهائي.

سواء كنت تريد إنشاء فيديو تعريفي بمنتج، أو عرض توضيحي للميزات، أو مقطع قصير لوسائل التواصل الاجتماعي، أو رسوم متحركة لتصور البيانات، أو فيديو ترويجي للعلامة التجارية، يمكن لهذه الإضافة مساعدتك على تحويل الأفكار بسرعة أكبر إلى خطة فيديو قابلة للتنفيذ وتطبيقها باستخدام Remotion.

## حالات الاستخدام

- **عروض ميزات المنتج**: اعرض الميزات الأساسية باستخدام حركات واجهة واضحة وشرح بإيقاع منظم.
- **فيديوهات ترويج العلامة التجارية**: أنشئ توصيات للأسلوب البصري والألوان والخطوط والتخطيط بناء على طابع العلامة التجارية.
- **فيديوهات تصور البيانات**: صمم حركات الرسوم البيانية وتسلسل المعلومات وإيقاع الانتقالات.
- **مقاطع قصيرة لوسائل التواصل الاجتماعي**: خطط لتخطيط رأسي، وأنماط الترجمات، ونقاط الإيقاع، وافتتاحية عالية الاحتفاظ بالمشاهدين.
- **سير عمل فيديو للمطورين**: استخدم Remotion لبناء الفيديوهات ومعاينتها وعرضها بطريقة مكونة عبر React components.

## القدرات الأساسية

### 1. إرشادات التصميم البصري UI/UX

من خلال قدرة `ui-ux-pro-max`، يمكنك الحصول على توصيات تصميم احترافية، تشمل:

- الأسلوب البصري العام للفيديو، مثل الطابع التقني، والبساطة، والحيوية، والطابع التجاري، والمستقبلي، وغيرها.
- مخططات الألوان وتوسيع ألوان العلامة التجارية.
- توصيات تسلسل الخطوط وأحجامها وتباعد الأسطر وقابلية قراءة الترجمات.
- تحسينات بصرية لـ Landing Page وواجهات المنتج والرسوم البيانية والمكونات.
- توصيات تنفيذ UI عبر مختلف تقنيات الواجهة الأمامية.

مثال طلب:

«ساعدني في تصميم أسلوب بصري لفيديو تعريفي بمنتج AI SaaS، على أن يكون راقيا وبسيطا ومناسبا لخلفية داكنة.»

يمكنك الحصول على توجه كامل يتضمن الخلفية، واللون الرئيسي، ولون التأكيد، والخطوط، وأنماط الأزرار، وأنماط البطاقات، وتوصيات الانتقال.

### 2. أفضل ممارسات تطوير الفيديو باستخدام Remotion

من خلال قدرة `remotion-best-practices`، يمكنك الحصول على توصيات عملية داخل مشاريع Remotion، تشمل:

- كيفية تنظيم Composition وScene والمكونات.
- كيفية إدارة المواد مثل الصور والفيديو والصوت والخطوط.
- كيفية تصميم إيقاع الحركة المعتمد على الإطارات.
- كيفية تنفيذ الترجمات، وتأثير الآلة الكاتبة، وشريط التقدم، والانتقالات، وحركة الكاميرا.
- كيفية ضبط الدقة وFPS والمدة ومعاملات العرض.

مثال طلب:

«يرجى مساعدتي في تصميم بنية مكونات Remotion لفيديو عرض منتج مدته 30 ثانية، مع تقديم جدول زمني لكل مشهد.»

## سير العمل الموصى به

### الخطوة الأولى: تحديد هدف الفيديو

حدد أولا استخدام الفيديو والجمهور والمنصة والمدة. على سبيل المثال:

- المنصة: الصفحة الرئيسية للموقع / Bilibili / 小红书 / YouTube / 抖音
- النسبة: 16:9 أو 9:16 أو 1:1
- المدة: 15 ثانية، 30 ثانية، 60 ثانية
- الهدف: التعريف بالمنتج، زيادة التحويل، شرح ميزة، عرض البيانات

### الخطوة الثانية: وضع الأسلوب البصري

اجعل الإضافة تنشئ دليل أسلوب بناء على تموضع المنتج، مثل:

- الألوان: اللون الرئيسي، والألوان المساعدة، ولون الخلفية، ولون التأكيد
- الخطوط: توصيات خطوط العناوين والمتن والترجمات
- التخطيط: الهوامش الآمنة، وتسلسل المعلومات، وتخطيط البطاقات
- الحركة: التباطؤ والتسارع، والمنظر المتوازي، والتكبير، والتلاشي للداخل، والانزلاق، وغيرها

### الخطوة الثالثة: تقسيم بنية الفيديو

قسّم الفيديو إلى عدة مشاهد، مثل:

1. خطاف الافتتاح: طرح نقطة ألم أو عرض قيمة البيع الأساسية
2. عرض المنتج: الواجهة أو الميزة أو استعراض سير العمل
3. تعزيز القيمة: البيانات أو الحالات أو المقارنات
4. الدعوة إلى اتخاذ إجراء: الموقع الرسمي أو التنزيل أو التسجيل أو المتابعة

### الخطوة الرابعة: تنفيذ مكونات Remotion

استخدم React components لبناء الفيديو مع الحفاظ على بنية واضحة:

- `Root.tsx`: تسجيل Composition
- `Video.tsx`: الجدول الزمني الرئيسي
- `scenes/`: مكونات المشاهد المختلفة
- `components/`: مكونات عامة مثل الترجمات والأزرار والبطاقات والرسوم البيانية
- `assets/`: الصور والفيديو والصوت والخطوط

### الخطوة الخامسة: المعاينة والتحسين والعرض

في مرحلة المعاينة، ركز على التحقق من:

- هل الترجمات واضحة وقابلة للقراءة
- هل تتوافق الحركة مع الإيقاع
- هل معلومات الشاشة مزدحمة أكثر من اللازم
- هل المواد واضحة وغير ممددة
- هل تتطابق الموسيقى والانتقالات

أخيرا، اختر الدقة ومعدل البت والصيغة المناسبة حسب منصة النشر لتنفيذ العرض.

## أفضل الممارسات

- حافظ على بساطة المعلومات في كل مشهد، وتجنب ظهور نصوص كثيرة في الوقت نفسه.
- استخدم نظام تصميم متسقا، يشمل الألوان والزوايا المستديرة والظلال والخطوط والتباعد.
- يجب أن تخدم الحركة التعبير عن المعلومات، لا أن تزيد العبء المعرفي لمجرد الاستعراض.
- يوصى بوضع الترجمات داخل المنطقة الآمنة والتأكد من قابليتها للقراءة على الأجهزة المحمولة.
- في Remotion، أعط الأولوية للبنية المكونة لتسهيل إعادة الاستخدام والتعديل لاحقا.
- حدد الجدول الزمني قبل الإنتاج لتجنب اضطراب الإيقاع بسبب التعديل أثناء العمل.

## أمثلة على التعليمات

- «صمم سيناريو مشاهد لمدة 45 ثانية وأسلوبا بصريا لفيديو منتج تقني مالي.»
- «باستخدام Remotion، ساعدني في تخطيط بنية فيديو 1920x1080 و30fps ومدته 20 ثانية.»
- «حسّن نمط هذه الترجمات ليكون مناسبا لمقطع قصير عمودي.»
- «أعطني فكرة تنفيذ لحركة دخول واجهة منتج بالانزلاق والتكبير والتمييز.»
- «ساعدني في التحقق مما إذا كان إيقاع هذا الجدول الزمني للفيديو بطيئا جدا، واقترح تحسينات.»