25 أمثلة على المواقع الملونة التي تثير الإعجاب

نشرت: 2017-10-22

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

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

انضم إلينا واحصل على الإلهام ...

1. الجوارب الغريبة الكمثرى

المواقع الملونة

يتماشى Odd Pears مع مظهر ملون جريء يتناسب مع الجوارب الملتوية التي يبيعونها. لذلك ، فإن تصميم مواقع الويب الخاصة بهم ليس فقط ملفت للنظر ، ولكنه يناسب علامتهم التجارية وجمالية أيضًا.

على الرغم من أن صفحات المنتج الفعلية ليست ملونة تمامًا ، إلا أن الجوارب نفسها لا تزال تضيف جرعة من الألوان إلى الموقع بأكمله. بالتأكيد متجر تجارة إلكترونية رائع ( حتى لو كان مبنيًا على Shopify بدلاً من WooCommerce ! )

2. بونارو

بونارو

Bonnaroo ، مهرجان الموسيقى والفنون الضخم في مانشستر ، تينيسي ، يتماشى مع مظهر مخدر ملون يتناسب بشكل جيد مع روح المهرجان.

العنوان الغامق على مستوى الموقع ، لذلك سيحصل زوار كل صفحة على جرعة كبيرة من الألوان.

3. عايدة

عايدة

عايدة هو خط في مدينة نيويورك من "أساسيات الأكل والترفيه. "لديهم علامة تجارية غريبة الأطوار تنعكس في التصميم الملون لموقعهم.

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

4. مامبو مامبو

مامبو مامبو

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

5. حلب

قابل للحليب

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

6. بيانات

بيانات

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

7. الأفوكادو

أفوكادو

لا تقتصر المواقع الملونة على وكالات التصميم! على الأقل هذا ما يثبته هذا المطعم الياباني ( الذي يقدم الطعام المكسيكي ). تم تأطير فيديو البطل كامل العرض برسومات ملونة.

يحافظ الأفوكادو على نفس النمط الملون أثناء التمرير عبر القائمة ومعلومات الاتصال.

8. يوم مثالي

يوم مثالي

في حين أن Milkable لم يكن متعلقًا بالحليب ، فإن Perfect Day تحافظ على جمالية مماثلة لـ ... في الواقع للحديث عن الحليب. حسنًا ، ليس حليب الألبان - ولكن "منتجات الألبان الخالية من الحيوانات التي طعمها يشبه الطعم الحقيقي".

9. عباد الشمس

عباد الشمس

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

10. Wistia

Wistia

Wistia هي شركة SaaS أخرى لا تخجل من اللون. ما وراء الخلفية البط البري ، يجلبون شرطات من ألوان أخرى مع أقلام الرصاص والبرتقال وعناصر المكتب الأخرى.

بالإضافة إلى المظهر الرائع ، يساعد التصميم الملون في تعزيز علامتهم التجارية "مُصممة للأعمال. طريقة أكثر متعة. "

11. 3 مكعبات من جانب

3 مكعبات من جانب

3 Sided Cube هو متجر لتطوير التطبيقات به صفحة رئيسية نيون جريئة. هم أيضا لا يتفوقون على الأدغال بما يفعلونه! تساعد شاشات iPhone النموذجية على جعل الخلفية الخضراء النيون أقل غموضًا وإضافة بعض الألوان الإضافية.

12. حقائق المشروبات بيبسيكو

بيبسيكو

دعنا نخلط الأمور عن طريق إدخال شركة كبرى في القائمة! معلومات مشروبات PepsiCo هو موقع PepsiCo الإلكتروني حيث يمكن للمستهلكين معرفة المزيد حول ما يدخل في مشروبات PepsiCo.

يتميز بتصميم أزرق ملون يناسب العلامة التجارية لشركة PepsiCo.

13. شيبوتلي سيفور ويفز

ويفز مذاق شيبوتلي

Chipotle Savor Wavs هي "تجربة موسيقية ومرئية" تعتمد على مكونات Chipotle. نعم ، هذا غريب إلى حد ما. لكنه أيضًا مثال رائع على موقع ويب ملون.

14. نبيذ موجه بشكل أساسي

خمور موجهة بشكل أساسي

نبيذ في علبة؟ نعم ، هذا جزء مما تعلنه Essentially Geared Wine على موقعها الإلكتروني. أثناء التمرير لأسفل على موقع الويب ، تتغير الألوان الموجودة على العلبة والخلفية. مثل Aida ، تمكنت من أن تكون ملونة وتتضمن الكثير من صور المنتج.

15. باكواير

باكواير

Packwire هي خدمة تساعد الأشخاص على إنشاء مربعات مخصصة. على سبيل المثال ، يمكن لمتجر التجارة الإلكترونية استخدام Packwire لإنشاء صناديق تحمل علامات تجارية لشحن منتجاتهم إليها.

نظرًا لأن الصناديق الكرتونية ليست أكثر الصناعات إثارة ، فإن Packwire هي مثال جيد آخر على كيفية استخدام الألوان لجعل صناعة مملة أقل مللاً.

16. في أي مكان

في أى مكان

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

يعد هذا مثالًا جيدًا على موقع ويب ملون بالإضافة إلى مورد مفيد إذا كنت مطورًا مستقلًا عن الموقع.

17. سفن اب ليمون ليمون

7 فوق

بغض النظر عن التشغيل التلقائي للموسيقى ، تعد شركة 7UP Lemon Lemon Netherlands مثالًا رائعًا آخر على كيفية قيام شركات FMCG بإنشاء موقع ويب ملون.

18. هافياناس

هافياناناس

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

19. Deskpass

Deskpass

Deskpass عبارة عن بطاقة عمل مشتركة تتيح للمشتركين الوصول إلى أكثر من 135 مساحة عمل مشتركة مقابل سعر شهري واحد.

يحافظ مظهرها الأصفر الجريء على الأشياء خفيفة وغير رسمية ، مما يتناسب مع العلامة التجارية التي يتمتع بها معظم عشاق العمل المشترك.

20. شاي الأوراق الحلوة

شاي سويت ليف

Sweet Leaf Tea هي علامة تجارية مشهورة للشاي المثلج المنكه. لطالما كانت عبوات منتجاتهم ملونة ، لذلك من المناسب أن يكون موقع الويب الخاص بهم ملونًا بنفس القدر.

21. أوستن بير وركس

أوستن بير وركس

Austin Beer Works هي شركة مشروبات أخرى تعتمد على الألوان الجريئة لعرض البيرة الخاصة بهم. ومثل Essentially Geared Wine ، تدمج Austin Beer Works صور المنتج الفعلية في تصميمها الملون.

22. عداد الكلمات

عداد الكلمات

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

23. Huxtaburger

Huxtaburger

Huxtaburger هو مطعم آخر لا يخشى دمج الألوان في تصميم موقع الويب الخاص به. تحدد الصفحة الرئيسية نغمة ملونة تمتد عبر بقية الموقع.

24. Fotonaut

فوتوناوت

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

25. البقاء على قيد الحياة الروسية

البقاء على قيد الحياة الروسية

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

التفاف الأشياء

أتمنى أن تكون قد استمتعت بهذه الأمثلة الـ 25 من المواقع الملونة! عند استخدامه بشكل صحيح (هذا الجزء مهم) ، يمكن للون تحسين تصميمات موقع الويب الخاص بك وتقديم تجربة أكثر إمتاعًا.

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

الآن انتقل إليك - هل تعرف أي مواقع ويب ملونة رائعة تستحق المشاركة؟

الصورة المصغرة للمادة بواسطة Veleri / shutterstock.com