التأثير مع التصميم - دليل للون والعواطف

نشرت: 2022-03-11

رؤية الأحمر. الشعور بالكآبة. غيور.

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

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

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

هل هناك ألوان موجبة وسلبية؟

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

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

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

من الضروري أن ينتبه المصممون إلى كيفية عمل الألوان في لوحاتهم في تناغم مع بعضها البعض ، وكيف يؤثر كل لون على الآخرين من حوله.

التأثيرات النفسية للألوان

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

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

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

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

معاني اللون: الأزرق هادئ وجدير بالثقة
يعطي اللون الأزرق المهدئ لموقع Whitetail gin انطباعًا بالاسترخاء.

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

يؤدي تغيير قيمة تدرج اللون إلى تغيير اقترانات اللون
تمنح القيم الأكثر إشراقًا (مثل اللون الأرجواني الفاتح والفوشيا) الألوان الباردة مزيدًا من الطاقة.

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

تأثير اللون على سلوك المستهلك

يمكن أن يؤثر اللون على مزاج الشخص أو أفكاره ، ولكن هل يمكن أن يؤثر أيضًا على سلوكه؟

نعم بالتاكيد.

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

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

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

فيما يلي ملخص موجز لكيفية تأثير كل لون على سلوك المستهلك (يمكن العثور على مزيد من المعلومات التفصيلية حول استخدام الألوان للتسويق في مخطط المعلومات الرسومي هذا من Suyati).

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

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

أراد مصممو واجهة المستخدم المستقلون المقيمون في الولايات المتحدة بدوام كامل

إنشاء لوحات ألوان قوية عاطفياً

يعتقد العديد من مصممي UX أنه "لا يمكن" استخدام ألوان معينة في مواقف معينة. هذا النوع من التفكير عفا عليه الزمن وليس له مكان في التصميم الحديث.

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

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

لست متأكدا كيف هذا مفيد؟ فكر في العملاء الذين يأتون إلى مصمم بمشروع ويصرون على استخدام "لون علامة تجارية" معين ، على الرغم من أن هذا اللون بشع.

فيما يلي أربعة أمثلة على لوحات الألوان التي تدمج Living Coral ، وهي مناسبة لمجموعة متنوعة من الصناعات.

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


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


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


يمكن أن تكون التأثيرات النفسية للون عميقة
تبدو هذه اللوحة تقليدية (فكر في الصيف في كيب كود) بينما تشعر أيضًا بالانتعاش والاسترخاء.

أربع لوحات مختلفة ، أربعة مشاعر مختلفة تمامًا. يمكن إجراء نفس النوع من التجارب حول أي لون تقريبًا.

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

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

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

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

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

خاتمة

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

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

•••

مزيد من القراءة على مدونة Toptal Design:

  • مجموعة من الاحتمالات: دليل ألوان Go-To UI
  • علم نفس التصميم وعلم الأعصاب في UX الرائع
  • السبب والنتيجة - استكشاف علم نفس اللون
  • تصميم للعاطفة لزيادة تفاعل المستخدم
  • دور اللون في تجربة المستخدم