19 طرق للون
نظرًا لوجود أكثر من 9 مليارات من المواقع المفهرسة على الويب والفرز ، يجب على المواقع أن تفعل المزيد للحصول على ملاحظة وتشجيع المستخدمين على قضاء بعض الوقت عليهم.
مع تزايد عدد المواقع التي تتنافس على جذب انتباه المستخدمين ، أصبح اللون أكثر أهمية في جعل صفحتك مميزة. إليك بعض المواقع التي تفعل ذلك فقط: استخدم ألوانًا مثيرة للإهتمام في مجموعات غير معتادة للتبرز من مليارات المواقع المخفّضة بالألوان القياسية هناك.
Layrr
نعلم جميعًا أن المحتوى يأتي في المرتبة الثانية في جذب الانتباه ، وقد استخدمت العناوين الرئيسية في ورق الصحف لسنوات لتحقيق الفائدة. Layrr يستخدم تباينًا واضحًا لتحقيق هذا ، وحتى إذا كنت لا تتحدث الفرنسية ، أقترح عليك أن تذهب إلى هذا الموقع الآن ، فإنه يستخدم مناطق صغيرة من اللون لخلق تأثير ضد الخلفية الرمادية ، ويحقق ذلك في تصميم رائع بشكل مدهش. لا عجب أنها تلقت إكرامه في مسابقة تصميم Awwwards .
Havainas
الصفحة المقصودة Havainas ، وهو بائع زهور كبير جدا ومتجرد الصنادل هو مثير للدهشة ، ورائعة ، ملونة ، سمة تمتد إلى الصفحات الإقليمية للموقع. الهدف من هذا الموقع هو توضيح أسلوبهم ، جنبا إلى جنب مع الألوان الزاهية المرتبطة بالحرارة والصيف والعطلات والأهم من ذلك ، منتجاتهم. في حين أن اللون هو جزء من اعتراف علامتها التجارية ، إلا أنه أمر منعش لرؤية موقع شركة كبيرة تم تصميمها بشكل جيد من حيث الألوان ، كما يمكن أن تعرف من خلال قائمة المواقع هنا ، غالباً ما يتم ترك التنسيق الجيد للرجال الصغار.
ColourPixel
إلى جانب كونها مشرقة وملونة ، ما ألقي عيني حقا ColourPixel موقع، كان استخدام الأسود، حيث مواقع أخرى قد استخدمت بيضاء. السبب في استخدام اللون الأبيض هو أن التباين بينه وبين الألوان الأخرى يكون أسهل على العينين ، وبالتالي يمكن للمستخدمين الوصول إليه ، ولكن هنا تم استخدام مربعات سوداء أكبر لتغليف النص ، وهو أبيض. هذا في الواقع يحقق الهدف من جذب انتباهي إلى النص داخلها ، بدلاً من المربعات الفعلية نفسها كجزء من التصميم. بخلاف ذلك ، فإن خلفية الموقع تحقق ما يسميه المصمم مظهرًا "عرقيًا" ، باستخدام وحدات البكسل النازحة لتحقيق تأثير النسيج. يتم استخدام أقواس قزح بشكل غير مبرر إلى حد ما ، ولكنها تقدم تمايزًا لطيفًا للألوان مع أقواس معقوفة خفية في الخلفية.
سوف فرنانديز
سوف فرنانديز "يستخدم الموقع العديد من الألوان المتنوعة ، وكلها تتصارع على الاهتمام لتحقيق أسلوبه. يحتفظ باللون الأصفر والبرتقالي والأبيض للنص والخلفية ، ويتجنب في الغالب استخدامها في أعماله الفنية ، لتمييز التمييز عن ذلك والمحتوى. يقدم لك خيار عرض ملء الشاشة ، وهو ما يوصى به إذا كنت ترغب في عرض عمل هذا الفنان الموهوب ومصمم الويب في موقع رائع به رسوم متحركة رائعة. ومن الواضح أنها عملت على نطاق واسع لضمان استخدام الألوان المناسبة للفن والموقع في حين يكمل كل منهما الآخر.
ريان كيزر
هذا هو الموقع الأول الذي بحثنا فيه والذي يستخدم عمدا الألوان الهجومية الساحقة المصممة للتصادم لتحقيق تأثير عالي التباين. يستمتع المصمم باستخدام الألوان لدرجة أنه يمتلك لوحة ألوان ملهمة في الجزء السفلي من الموقع. ريان كيزر يستخدم اللون الأصفر في المقام الأول ، وهو اللون الذي يمكن أن يحدث خطأ كبير فيه إذا تم استخدامه بشكل غير صحيح ، وهنا باللون الأزرق السماوي ، وإلى حد أقل ، اللون الوردي ، يظهر الموقع بأكمله. في ملاحظة أخيرة ، يذكرنا اللونان السماويان والورديان بالنظارات ثلاثية الأبعاد ، باستخدام مخطط ألوان تم استيعابه بطريقة غير تقليدية في حياتنا اللاشعورية ، والتي لا يتوقع المرء عادة أن يعملها ولكن لا يمكن فهمها ، لأننا الآن نربط هذه لونين معا.
بن ماركوفيتز
موقع آخر غير دقيق للغاية مع استخدام دقيق للغاية للون ، مما يعطي العنصر التفاعلي للموقع مظهرًا آليًا. بالنسبة لتصميم مثل هذا الموقع ، فإن استخدام اللون بهذه الطريقة أمر غير معتاد ، فعادة ما يكون المصممون في اتجاه واحد أو آخر ، ولكن هذا يضيف إلى العنوان: " بن ماركوفيتز "، وليس فقط لفت الانتباه ، ولكن تقديم التمايز ، وذلك باستخدام لوحة تكميلية مع مجموعة كبيرة. إن الاستخدام الآخر الوحيد للون الذي أشعر أن هذا الموقع سيستفيد منه هو رموز الشبكة الاجتماعية في أسفل الصفحة ، حيث أنهم يستخدمون ألوانًا محايدة جدًا وسيميزون ويكون التعرف عليهم أكثر سهولة.
العناق للوحوش
جو Lifrieri العناق للوحوش له نفس هدف موقع ويل فرنانديز الذي نظرنا إليه في وقت سابق ، لكنه حقق ذلك بأسلوب فردي عضوي ، باستخدام الألوان لإبراز أسلوبه الفريد. أقترح بشدة أن تلقي نظرة على بعض صفحاته الأخرى ، كلهم لديهم فن مختلف بنفس الأسلوب الانتقائي الذي يمكنك رؤيته هنا.
تيم بجورن
على عكس العناصر الأخرى المعروضة هنا ، تتميز الصفحة المقصودة لهذا الموقع بنقص اللون ، وبالنظر إلى أعمال أخرى تيم بجورن ، الفنان ، من الواضح أنه يستخدم اللون بعناية شديدة وماما. من المنعش للغاية أن ترى موقعًا بلون رمادي بسيط لا يبدو أنه تم تصميمه منذ عقد من الزمان! يعتبر العمل الفني ، مثل Hugs for Monsters أعلاه ، عضوًا أساسيًا للغاية ، وهو النقطة المركزية الرئيسية في الموقع ، مع قوائم خافتة وتقريباً الصفحة المقصودة بأكملها المخصصة لعدد قليل من القطع الرئيسية.
للاستخدام المكتبي فقط
هذا هو موقع آخر يستخدم كمية صغيرة من الألوان لتحقيق تباين عالٍ ضد موقع تحت عنوان تدرج رمادي. على وجه الخصوص ، الحالة أدناه ، حيث تؤدي الشفافية في الشعار إلى اللون الأحمر الباهت مقابل الصورة خلفه. نظرة أخرى إلى للاستخدام المكتبي فقط يدل على أن هؤلاء الرجال يعرفون كيف ومتى يستخدمون اللون ، وأن يفعلوا ذلك بشكل جيد.
مختبر تصميم الطريقة
ال مختبر تصميم الطريقة تستخدم خلاصة الأخبار المبتكرة الألوان بطريقة جديدة ، للدلالة على "عمر" الأخبار ، مع نظام ألوان بارد وساخن يمكن التعرف عليه بسهولة ، باستثناء الأخبار الموجودة فقط في الجزء "الساخن" من نظام الألوان ، فكرة تسويق ذكية ، ربما؟ ومع ذلك ، من السهل جدًا إدراك أن الأحمر هو أخبار قديمة منذ أكثر من 12 ساعة ، والأصفر أحدث. يتم تنفيذها بشكل جيد للغاية ، ويسهم اللون في تصميم الموقع ووظائفه ، وليس شيئًا يمكن أن يقال عن العديد من المواقع بخلاف الملاحة. بعد تعثر عليه أثناء البحث عن هذه المقالة ، وجد هذا الموقع طريقه إلى إشاراتي المرجعية لكل من محتواه وتصميمه.
DesignWise
موضوع ل DesignWise على النقيض من خلال البساطة ، مع ملمس خنجي راقي ، يعمل اللون الوردي على الأسود بشكل مثالي ، وباستخدام لون أبيض مقابل محتوى نصي يزيح اللون الوردي بدون التناقض ليكون حادًا ضد الأسود. هناك أيضا تباين بين الخلفية النظيفة ، بعد مزخرفة ، ولمسات خفية من الرش تنتشر في جميع أنحاء الموقع.
بريوس هارموني
تم تنسيق ألوان هذه الرسوم المعلوماتية بشكل جميل ، وكلاهما يحققان بيان المهمة الواضح لنقل "التناغم" وتوصيل الموضوعات المتعلقة بالألوان. في حين أن هذا هو بالفعل قطعة من الإعلان عن بريوس ، فإنه ينفذ وظيفته بشكل جيد ، وحتى لو كنت تحتقر فلاش ، فقط نقدر ذلك للألوان. هذا هو موقع آخر له وظيفة بالألوان ، ولو كان ذلك قليلًا جدًا ، وواحدًا من الأنواع النادرة التي تستخدم ألوانًا بالشفافية لإنشاء تباين مع الألوان المدمجة لواحد أو أكثر من العناصر الأخرى المتداخلة ، والتي تنقل (في الغالب) إحساسًا بالانسجام ، إذا أنت تتجاهل المقاطع القبيحة والبنية السوداء القبيحة وغير المنسقة.
الشبكة العضوية
إذا كنت تستطيع مسامحة موقعين فلاش على التوالي ، الشبكة العضوية هي عبارة عن محفظة جميلة يمكن أن يغفرها استخدامها المذهل للون في قائمة ستغير مخططها في كل مرة تعود إليها. غير تقليدية؟ نعم فعلا. غير منسقة؟ بالطبع لا. الذهاب للألوان ، ووضع الموقع في وضع ملء الشاشة ، والبقاء في التمتع الصور لا يصدق والأعمال الفنية في المحافظ ، إذا كنت تستطيع تجاهل أوقات التحميل ، وهذا هو.
مات مولينويج
يجب تضمين هذا الموقع المستوحى من Lichtenstein ، فقط من أجل والد WordPress ، مات مولينويج مدونة يجلب الحياة إلى كتلة الألوان والفقرات المتقاطعة للفن الشعبي. يمكن أن تكون الألوان الأساسية رائعة إذا لم يتم استخدامها بشكل مفرط ، وهذا الموقع يعطينا اندفاعة. هناك موجة رائعة من فن البوب في أسفل المدونة ، ولكنك لن تتمكن من النظر إليها لفترة طويلة ، حيث أن Mullenweg لديها الكثير من المشاركات التي ستنقلها إلى الأبد!
الغرور كلير
إذا كنت تستطيع النظر إلى حقيقة أن هذا الموقع لديه قابلية استخدام رهيب ، فإن العمل الفني في كل صفحة يتم بشكل جيد للغاية. أصبحت الألوان البسيطة الهادئة أكثر شعبية ، و كلير يدير الموقع التسلل في القليل من الجرونج أيضا. يتميز هذا الموقع بوجود لون خلفية كتلة واحدة مختلف في كل صفحة مع تصميم بسيط أفقياً عبر منتصف الصفحة.
صمغ
موقع ويب يتخذ البساطة إلى مستوى جديد ، صمغ يعيد جميع المحتويات لصالح الساعة الرملية الجميلة ، مع سقوط الرمال صعودا مصحوبا بشعار "حفظ الوقت". كان الموقع يحتوي على مزيد من المحتوى مع الضوء البرتقالي رائع على الرمادي ، ولكن للأسف منذ ذلك الحين أصبح دعوة فقط.
مايكروسوفت
بقدر ما يؤلمني أن أدرج هذا ، كمؤيد مؤيد للتفاح ، مايكروسوفت لقد حان وجود على الانترنت على قدم وساق ، ومن المفترض أن يدا بيد مع التقدم المفاجئ في إنترنت إكسبلورر (ربما كان من المحرج أن يكون تاريخ موقعها متصفحها). من الواضح أن واجهة "المترو" المبنية على البلاط في Windows 8 كان لها بعض التأثير ، ولا بد لي من القول إنها تبدو جيدة. وكما رأينا مع Google Chrome ، و Skype ، والآن Microsoft ، فإن حظر الشعارات الملونة هو المستقبل ، وقد ولت الأيام من التدرجات اللزجة واستخدام 3D من أجلها.
AdaptD
قد يكون لضم هذا الموقع شيئًا يتعلق بحقيقة أنه يذكرني بصاروخ اسكيمو ، وهو علاج مفضل لدى الطفولة ، أو أنه يحتوي ببساطة على لون فقط لفرحة خالصة منه. AdaptD جلبت ابتسامة على وجهي ببساطة مع شريط "شيء ملون" عبر الجزء العلوي من الموقع ، لأن لماذا لا؟ جوهرة جميلة في موقع معياري بخلاف ذلك.
ColoRotate
وأخيرًا ننتهي من موقع لا يستخدم لونًا كجزء من تصميمه ، في الواقع ، تصميم الموقع لطيف بشكل لا يصدق ، ولكن كدالة - هدف الموقع هو مساعدتك في تصفح ومزج ألوان البليت. يبدو من المناسب أن تنتهي في موقع يستخدم الألوان بهذه الطريقة ، لذلك إذا قررت أن موقعك بحاجة إلى تغيير بعد قراءة هذه القائمة ، فلا يوجد ما يوقفك عن اختيار نظام الألوان المثالي. ColoRotate لديها أيضا صفحة معلومات مثيرة للاهتمام عن اللون إذا كنت تتوهم القراءة عن نظرية اللون القرن 21 ، وكيف ترى أعيننا اللون.
كيف تقترب من اللون؟ هل تلعبها بأمان أم تسعى إلى التميز؟ اسمحوا لنا أن نعرف في التعليقات.