Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Motion Graphics
Webdesign

كيفية تعزيز موقع الويب الخاص بك مع الرسومات المتحركة

by
Length:ShortLanguages:

Arabic (العربية/عربي) translation by mohamed (you can also view the original English article)

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

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

اليوم ، سنلقي نظرة على بعض الطرق التي يمكنك من خلالها استخدام الرسومات المتحركة لإيصال موقعك الإلكتروني إلى المستوى التالي. وسنسلط الضوء على بعض الأمثلة المذهلة المتوفرة مع اشتراكك في Envato Elements ، وهي موطنًا لأكثر من 12000 رسم متحرك وأكثر من ذلك بكثير.

Stock videos on Envato Elements
مقاطع فيديو حول عناصر Envato

1. Visualize Important Information

يوفر استخدام الرسوم البيانية طريقة فعالة لمشاركة المعلومات بتنسيق سهل الهضم. ويمكن أن يؤدي دمج المعلومات في الفيديو إلى تأثير أكبر. يمكّنك هذا من التركيز على العناصر الأكثر أهمية.

Business Infographic Elements
عناصر معلومات الأعمال

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

2. نقل المستخدمين إلى مكان آخر

يمكن أن تساعدك العناصر المرئية الصحيحة حقًا في سرد القصة. هذا جزء مما يمكن أن تقدمه الرسومات المتحركة إلى عناصر مثل خلفيات الفيديو. يمكنك استخدامها للتعبير عن إحساس محدد - سرد حكايتك بدون قول كلمة.

Sunset Beams Through Palm Trees
أشعة غروب الشمس من خلال أشجار النخيل

يعدّ Sunset Beams Through Palm Trees مثالًا رائعًا على كيفية تحسين الصور لرواية القصص. على سبيل المثال ، يمكن استخدام هذا المقطع المكون من 30 ثانية لجنة استوائية لإغراء المسافرين لحجز رحلة أو تحديد موقع رواية تجري على جزيرة صحراوية. هناك مرونة كبيرة هنا تسمح لك بإخبار قصتك بطريقتك الخاصة.

3. جعل إعلان كبير

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

LED Array Countdown
LED Array Countdown

لإنشاء مزيد من المشاركات ، استخدم رسمًا متحركًا مثل العد التنازلي للمصباح LED. يضم هذا الصف القصير صفوفًا متعددة من الأرقام البيضاء الساطعة التي تنخفض من 10 ، مما يمنحك فرصة مثالية لإعلانك.

4. توضيح لتعليم

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

Backache in Back Bones
آلام الظهر في عظام الظهر

أحد الأمثلة على المكان الذي يمكن أن تلعبه الرسومات المتحركة دورًا حاسمًا في المجال الطبي. على سبيل المثال ، توضّح Backache in Back Bones بشكل مثالي مفهومًا في غضون خمس عشرة ثانية فقط. وبمجرد اكتساب المستخدمين لهذا الفهم المبدئي ، يمكنهم الحفر بشكل أعمق للحصول على مزيد من المعلومات.

5. أضف عنصر المرح

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

Logo Reveals
Logo Reveals

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

وضع موقع الويب الخاص بك في الحركة!

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

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.