16 موقعًا رائعًا بخلفيات فيديو

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

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

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



01. ميديا ​​بوم

خلفية فيديو الموقع: Mediaboom

تحكي خلفية الفيلم الرجعية قصة وكالة الإعلان هذه

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

02. مهرجان MyProvence

خلفية فيديو الموقع: مهرجان بروفانس الخاص بي

حس الطاقة الذي يوفره فيديو الخلفية هذا مذهل

يستخدم موقع مهرجان MyProvence فيديو الخلفية لإظهار أبرز الفنانين الذين يستكشفون المنطقة. تعمل الموسيقى والمشاهد في الفيديو معًا بشكل مثالي لتهيئة مزاج راقي للموقع.

03. سبوتيفي

خلفية فيديو الموقع: Spotify

يضيف الفيديو في الخلفية العاطفة إلى صفحة Spotify المقصودة

يستخدم تطبيق تدفق الموسيقى Spotify فيديو في الخلفية للمساعدة في إضافة عاطفة إلى صفحتهم المقصودة. الرسالة الأساسية وراء الموقع هي أن Spotify متاح لتقديم الموسيقى في كل لحظة. فيديو الخلفية ، وهو عبارة عن سلسلة من المقاطع التي تُظهر الارتباط العاطفي بطرق مختلفة ، تتحد جيدًا مع الموسيقى المصاحبة لتوليد جو عاطفي حول العلامة التجارية.

04. حياة باي

خلفية فيديو الموقع: حياة PI

يحتوي الفيلم الذي تم تصويره بشكل جميل على خلفية جميلة لموقع الويب لمرافقته

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

ما هو علم وفن عمل خريطة أو رسم بياني مصور؟

05. إختصار

خلفية فيديو الموقع: Telly

تظهر خلفية الفيديو لهذا الموقع العشب يلوح في مهب الريح

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

06. فرناندو ماكلين

خلفية فيديو الموقع: فرناندو ماكلين

تظهر خلفية الفيديو غير الواضحة Maclen في العمل

فرناندو ماكلين هو مصمم موهوب يستخدم خلفية فيديو غير واضحة للمساعدة في التباهي بالطريقة التي يعمل بها. والنتيجة مثيرة للاهتمام ولا تُنسى ، مع الحفاظ على التصميم البسيط والنظيف.

07. مهب الريح

خلفية فيديو الموقع: Windward

تضبط الخلفية الدقيقة لموقع هذا التطبيق المزاج جيدًا

Windward هو تطبيق iPhone مصمم للبحارة من خلال عرض بيانات حول المد والجزر وسرعة الرياح ودرجات الحرارة. فيديو الخلفية ، الذي يُظهر بحرًا متقلبًا إلى حد معقول ، لا يشتت الانتباه ويقوم بعمل جيد في ضبط الحالة المزاجية.

08. شيء

خلفية فيديو الموقع: مسألة

الخلفية غير متوقعة - وبالتالي يكون لها تأثير مذهل

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

09. ايجل كلين

خلفية فيديو الموقع: Eagleclean

يضيف الفيديو الملتوي روح الدعابة إلى ما قد يكون صفحة رئيسية مملة

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

10. قلعة درومولاند

خلفية فيديو الموقع: قلعة درومولاند

تساعد خلفية الفيديو على نقل الطبيعة المذهلة لمحيط الفندق

Dromoland Castle هو فندق وعقار ريفي مرموق في أيرلندا. تستخدم الصفحة الرئيسية فيديو خلفية واسع النطاق لإظهار الحدائق الرائعة والغولف والحياة البرية القريبة.

أحد عشر. Y.CO لليخوت

خلفية فيديو الموقع: YCO Yachts

خلفية الفيديو ملهمة دون أن تكون موجهة نحو المبيعات بشكل مفرط

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

12. Flipboard

خلفية فيديو الموقع: Flipboard

تُظهر خلفية الفيديو على الصفحة الرئيسية لـ Flipboard كيف يعمل التطبيق عمليًا

Flipboard هو تطبيق iPhone و iPad يدمج موجزات RSS وحسابات Twitter و Facebook في مجلة رقمية واحدة ، مما يتيح لك التنقل بين المقالات الشيقة بسهولة. نظرًا لأن واجهة المستخدم مهمة جدًا ، يتم منح خلفية الصفحة الرئيسية للموقع إلى مقطع فيديو للتطبيق قيد الاستخدام. في هذه الحالة ، يُظهر لك ، بدلاً من إخبارك ، كيف يعمل التطبيق بضربة عبقرية.

13. نايك الأردن M6

خلفية فيديو الموقع: Nike Jordan M6

يروي فيديو الخلفية قصة كيف تم تصميم Nike Jordan M6

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

14. أركيد فاير

خلفية فيديو الموقع: Arcade Fire

كيف تكون مدير إبداعي عظيم
هذا الفيديو الموسيقي في الخلفية تفاعلي - جربه!

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

خمسة عشر. الكاسيت

خلفية فيديو الموقع: الكاسيت

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

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

16. الخشب

The Wood هو مطعم يقع على حافة Sonian Forest في بروكسل ، بلجيكا. تضفي مقاطع الفيديو الدقيقة الموجودة على الصفحة الرئيسية وفي جميع أنحاء الموقع أجواءً مناسبة وتتناسب تمامًا مع الديكور الريفي للمكان.

كلمات : أليكس بلاك

أليكس بلاك يكتب ل PrintExpress.co.uk . يستمتع في أوقات فراغه بتعلم تصميم ورموز تطبيقات الويب ودراسة الرسم والطباعة التصميم.

هذه نسخة محدثة من مقال ظهر سابقًا على Creative Bloq.