الألوان التي يجب تجنبها في تصميم الويب

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

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

أهمية مخططات الألوان

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

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

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

باستخدام لون واحد

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

جرب هذا:

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

اختيار لون الخطأ

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

جرب هذا:

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

ألوان النيون

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

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

جرب هذا:

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

تهتز الألوان

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

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

جرب هذا:

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

أيضًا ، إذا كنت بحاجة إلى العثور على الألوان التي ستهتز ، يمكنك وضعها جنبًا إلى جنب وستلاحظ:

1. ارتفاع تشبع اللون الموجود بينهما
2. مكمل ومتباعد 180 درجة على عجلة الألوان
3. يظهر تباين ضئيل عندما يتم تحويل الألوان إلى تدرج رمادي

ثيمات قوس قزح

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

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

جرب هذا:

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

ألوان فاتحة على أبيض

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

جرب هذا:

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

تجربة الخلفيات التفصيلية

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

جرب هذا:

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

أصفر شاحب وأزرق لامع

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

الأزرق الساطع كخلفية

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

جرب هذا:

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

أصفر شاحب في الخلفية

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

جرب هذا:

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

تجاهل أدوات مطابقة الألوان

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

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

جرب هذا:

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

تم تجهيز أدوات مطابقة الألوان بخيارات لتبسيط تخطيط الألوان مثل:

• اختيار اللون السائد لتحديد ألوان التمييز حوله
• اختيار صورة لتحديد ألوان التمييز حولها

أهمية ألوان التمييز

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

خاتمة

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