21 موقعًا ممتعًا ومبدعًا للغاية للإلهام
نشرت: 2019-05-23عادة ما يكون اختيار التصميم المناسب لموقعك الإلكتروني الجديد (أو تجديده) مهمة شاقة. قد تشعر عادةً أنواع التصميمات والفنية بأنها مقيدة بحدود تصميم الويب وواقعه ، في حين أن المطورين قد لا يكونون مبدعين مثل عقل أكثر توجهاً نحو التصميم.
إذن كيف يمكنك سد هذه الفجوة؟ بالطبع ، تنظر إلى ما هو موجود بالفعل ، سيبقي هذا المبدعين على الأرض ، في حين أنه قد يكون مصدرًا جيدًا للإلهام لشخص أكثر تركيزًا على التنمية.
إذا ذهبت ونظرت حول شبكة الويب العالمية الواسعة ، فلا يوجد نقص في إلهام التصميم.
ولكن قد تشعر سريعًا بالإرهاق من خلال تصفح عدد لا يحصى من مواقع الويب للعثور على تصميم ملهم وإبداعي ، خاصة إذا كنت تبحث عن كل الأشياء العادية و (نجرؤ على القول) هناك! لذلك ، لمساعدتك في العثور على بعض الأمثلة الأكثر إلهامًا وإبداعًا ، قمنا باستكشاف تلك التي تم تصنيفها من بين أفضل تصميمات مواقع الويب التي تم التصويت عليها (حتى أن بعضها فاز بجوائز "تصميم الويب لهذا العام" في استطلاعات الرأي المختلفة).
تحقق من 21 موقعًا ممتعًا ومبدعًا للغاية للحصول على الإلهام! وإذا كنت تبحث عن سمات وقوالب لمساعدتك في تصميم موقع إبداعي وفني ، (أو ربما تكون فنانًا حقيقيًا!) فقد ترغب في إلقاء نظرة على القائمة التالية من Collectiveray.com: 25 Best (متعة!) ثيمات WordPress للفنانين (مجاني ومميز).
هل أنت مستعد للإلهام؟ هيا بنا نبدأ!
1. الثورات
ظهرت في CSS Design Awards
كما ترون في لقطة الشاشة أعلاه ، اتخذت Revols نهجًا جريئًا إلى حد ما لتصميم موقع الويب الخاص بهم من خلال جعل سماعاتهم اللاسلكية الصغيرة والمتطورة تبدو أكبر من الحياة بمساعدة تصوير الفيديو والماكرو. تجعل هذه العناصر موقع الويب يبدو شديد التركيز على المنتج وجريءًا وحديثًا.
2. عزز
ظهرت على Awwwards
هل تريد أن تعرف كيف أخذ Boosted لوح تزلج متوسطًا ونقله إلى المستوى التالي؟ باستخدام الصور ومقاطع الفيديو عالية الدقة لمنتجهم وإرفاقها بأوصاف مفصلة للمنتج على موقع الويب الخاص بهم. حتى أنهم استخدموا خلفية بيضاء ودرجات ألوان رمادية لجعل زوار الموقع يركزون أكثر على لوح التزلج ذي الألوان الزاهية وأزرار الحث على الشراء البرتقالية.
3. ثلاثة وخمسون قلم رصاص
ظهرت على SiteInspire
قام Fiftythree بعمل رائع في التقاط جميع ميزات قلم الرصاص على صفحة المنتج المستقلة الخاصة بهم باستخدام تخطيط غامر مقترن بصور المنتج التوضيحية.
4. جعبة
ظهرت على Awwwards
على الرغم من أن لديك جميع الأسباب للاعتقاد بأن موقع الويب هذا ليس شاملاً مثل بعض الأمثلة الأخرى الموجودة في هذه القائمة ، فلا يسعك إلا أن تلاحظ أنهم حاولوا دمج مشاعر المستخدمين المستهدفين جيدًا في الخلفية والنسخة واستمارة التسجيل. جيد بما يكفي لإبرازها على Awwwards!
5. Shademaster
ظهرت على CSSDesignAwards
ربما لا يكون السقف هو المكان المناسب لك ، ولكن لا يضر إلقاء نظرة على موقع Shademaster على الويب للحصول على إلهام التصميم. يجعل تصميمهم من السهل جدًا على المستخدمين الانتقال إلى الصفحة الصحيحة على موقع الويب والحصول على عرض أسعار دون عناء.
6. صفر المالية
ظهرت على Awwwards
إذا كنت تبحث حاليًا عن مصدر إلهام لموقع ويب جديد لبدء تشغيل تطبيق الهاتف المحمول الخاص بك ، فاستخدم Zero Financial كمثال على ذلك. لقد استخدموا النسبة الصحيحة من الصور التوضيحية للنص الوصفي حتى يتمكن المستخدمون من الارتباط بالمنتج الذي يجب عليهم تقديمه.
7. زجاجة S
ظهرت على CSS Winner
لقد قاموا بالفعل بعمل رائع في تصميم منتج أنيق. لكن تصميم موقع الويب الخاص بهم لم يقصر عندما يتعلق الأمر بإبراز ميزاته المبتكرة وجعل المستخدمين يشعرون بالاهتمام بمعرفة المزيد عن المنتج.
8. Active Theory (الإصدار 4)
ظهرت على Awwwards
Active Theory هو استوديو إبداعي مقره خارج الولايات المتحدة ويمكن أن يوضح لك تصميم موقع الويب المتطور الخاص به ما هو التالي عندما يتعلق الأمر بتطور تصميم الويب. بالتأكيد أحد أفضل المواقع الإبداعية في هذه القائمة!
9. SeaStreak
ظهرت في جوائز Webby
تقدم SeaStreak رحلات نهارية وإجازات في شكل رحلات بالعبارة. تمثل واجهة مستخدم مواقعهم مثالاً على كيفية الحفاظ على تنظيم الأشياء بحيث يتمكن المستخدمون بسرعة من إنشاء جدول زمني للعبّارات بناءً على تفضيلاتهم الشخصية. تصميم موقع جميل ، وراحة ، وسرعة مجتمعة - ما الذي يريده المستخدم أيضًا؟
10. ذوي القربى
ظهرت على SiteInspire
استخدم Kin الخط serif الأكبر عبر موقعه على الويب مصحوبًا بتصوير المكتب للدفاع عن أعمال برامج الموارد البشرية. وقد ساعدهم ذلك في الحصول على دفعة كبيرة من المصداقية في نظر مستخدميهم وحتى نقاد تصميم الويب.
11. داخل الرأس
ظهرت على Awwwards
إذا كنت تخطط للترويج لمنشورك أو شيء مشابه له وجود على الإنترنت ، فإن "Inside the Head" هو مثال رائع على كيفية جعل تصميم موقع الويب الخاص بك جذابًا لمستخدميك المعاصرين.
12. قهوة كامبوس
ظهرت في CSS Design Awards
يعرف Campos جيدًا كيف يُظهر لعملائه المحتملين الجهد الذي يبذله لصنع قهوتهم ولماذا سيشعرون بالرضا عند شرائها.
13. ملابس رياضية احتجاجية
ظهرت على Awwwards
إذا كنت ترغب في إلقاء نظرة على مثال مذهل عن كيفية توافق التصميم النظيف والبسيط مع نسخة موجزة ، تحقق من هذا المثال.
14. Workstack
ظهرت على CSS Winner
استخدم Workstack صورًا كاملة العرض ولوحة ألوان مختارة تمامًا لإثارة إعجاب المستخدمين الذين سيصبحون قريبًا.
15. طائرات ورقية
ظهرت على Awwwards
شاهد كيف تدفع Paper Planes مستخدميها لإرسال طائرات ورقية عبر العالم باستخدام قوة التصميم المبتكر على الويب والجوال.
16. Wozber
ظهرت على SiteInspire
كما ترى ، قام Wozber بعمل رائع في تفكيك الوصفة أو العملية خطوة بخطوة المطلوبة لإبراز السيرة الذاتية عن الآخرين.
17. كوكس
ظهرت على Awwwards
تلهمك Koox للحفاظ على التصميم بسيطًا ، وأن تكون مبدعًا ، وتركز أكثر على العناصر الحديثة لإضافة الذوق إليه.
18. مؤشر صحة المحيطات
ظهرت في جوائز W3
ما الذي يمكن أن يكون أفضل من استخدام موضوع المحيط لموقع ويب متعلق بصحة المحيط؟
19. القوى العاملة المتنقلة الجديدة 4
ظهرت على Awwwards
يعرف الكثير من الناس أن Race Day يتطلب ذروة الأداء ، لكن البعض لا يملك أدنى فكرة. يوضح هذا الموقع للجميع كيف يعمل فريق Citrix مع فريق Red Bull Racing ويحلل البيانات لتحسين تصميم سيارات السباق.
20. Toggl
ظهرت على CSSDesignAwards
تجذب صفحة الصفحة الرئيسية لموقع Toggl انتباه المستخدمين على الفور من خلال الرسوم المتحركة المثيرة للاهتمام والصور المماثلة في جميع أنحاء موقع الويب.
21. شوكولا ببساطة
ظهرت على Awwwards
حصلت شركة Simply Chocolate على منتج رائع بعلامة تجارية مذهلة ، بصرف النظر عن لوحة ألوان منعشة وصور كاملة العرض وتصميم قائمة إبداعي مستخدم على موقع الويب.
افكار اخيرة
هل استمتعت بمراجعة هذه المواقع الإبداعية المذهلة؟ رائعة!
ضع في اعتبارك أنه لا ينبغي النظر إلى هذه المواقع على أنها قوالب نهائية للتصميم الحديث يجب أن تحاول نسخها. بدلاً من ذلك ، حاول تحليل الأجزاء البارزة من تصميمها وابحث عن الإلهام الذي يمكن أن يجعل تصميمك "موجو" مستمرًا.
هل تعتقد أن الوقت قد حان لتجديد موقع الويب الحالي الخاص بك للحصول على عمليات التجميل المطلوبة بشدة التي تستحقها؟ لا تنس التحقق من منشوراتنا المستقبلية لمزيد من النصائح والإرشادات المفيدة!