دائمًا ما هنالك خطوة واحدة تود من زوار الموقع الخاص بك اتخاذها. هذه الخطوة المهمة في نظرك قد تكون متعلقة بزر الاشتراك للموقع الخاص بك، أو زر المتابعة أو حتى زر الشراء. وبغض النظر عن الوظيفة المرجوة من ذلك الزر، تذكر دائمًا أن نقر زوار الموقع على الزر أو عدمه يعتمد على طبيعة الشعور الذي يحظون به أثناء تواجدهم على موقعك.
للاستزادة أكثر، موقع حواسيب يقترح عليك أيها الزائر الكريم القراءة عن إدراك الألوان أو علم نفس الألوان أو المزيد عن كيف تحفز المجموعات اللونية إدراك الإنسان.
1. موقع Pinterest زاخر بالكثير من اللون الأحمر
بلا شك، يعد اللون الأحمر اللون الأكثر حرارة. إذا تفقدت المجموعة اللونية الخاصة بموقع Pinterest ستلاحظ على الفور أن اللون الأحمر هو اللون الأساسي. ويرتبط اللون الأحمر عادةً بالحب، وهو لونٌ ديناميكيٌ وقوي. هذا يضعك في جوٍ عالٍ من الحماس بخصوص أي شيء يتمركز حول هذا اللون.
غالبًا ما يُرى اللون الأحمر في عروض التصفيات والمبيعات، حيث تضفي شدته شعورًا ملحًا على من يرى العروض بضرورة إلزامية الشراء.
على الرغم من أن هذا اللون الحاد يمكن أن يترك انطباعًا حماسيًا ومشجعًا للزوار، كن حذرًا دائمًا. الكثير من اللون الأحمر يمكن أن يُقصيهم تمامًا عن نطاق رد الفعل المطلوب.
يمكنك استخدام اللون الأحمر في نظام الألوان الخاص بك للتركيز على تصميم الويب الخاص بك. امزجه في خليطٍ لونيٍ من اللون الأبيض أو الرمادي أو الأزرق الفاتح أو الفضي.
مثال رائع لاستخدام اللون الأحمر في تصميم الويب
مجموعة لونية جذابة بإضافة اللون الأحمر
10 أشياء مرتبطة باللون الأحمر
- الدم
- الحرب
- النار
- الرجولة
- الشغف
- الإغراء
- الغضب
- القوة
- الطاقة
- الشجاعة
إحداثيات اللون الأحمر حسب نظام الألوان
- Hex Triplet:
FF0000#
- RGB:
(0, 0, 225)
2. موقع Amazon يحتفل بقوة اللون البرتقالي
اللون البرتقالي لونٌ حار، لكن ليس بحدة اللون الأحمر فهو يوحي بالدفء أكثر من الحرارة.
هذا اللون النابض بالحياة والمليء بالحيوية يحفز الناس على فعل الشيء بدلًا من دفعهم أو إجبارهم عليه بصورة عاجلة. يعد اللون البرتقالي عدوانيًا أحيانًا في الطريقة التي يشجع بها إلى اتخاذ إجراءٍ مثل الشراء أو الاشتراك أو البيع أو المتابعة.
يُوصى باستخدام اللون البرتقالي إذا كنت ترغب في ترك شعورٍ بالتحفيز والبهجة والإبداع والحماس الكامل للأشخاص بعد زيارتهم للموقع.
كيف ينبغي عليك استخدام اللون البرتقالي
مجموعة لونية جذابة بإضافة اللون البرتقالي
10 أشياء مرتبطة باللون البرتقالي
- التفاؤل
- العزم
- الحريق
- التخذير
- الخريف
- الأديان
- قوة الاحتمال
- التعاطف
- موسم الهالوين
- الحياة
إحداثيات اللون البرتقالي حسب نظام الألوان
- Hex Triplet:
FF7F00#
- RGB:
(0, 127, 225)
3. اللون الأزرق في موقع Facebook يُشعرنا بالأمان
ستجد العديد من المواقع التجارية والشركات تستخدم درجات اللون الأزرق. هذا اللون يجعلنا نفكر في شيءٍ مُحكمٍ وآمنٍ ومُعتمد ومليءٍ بالخبرة. لذلك، ليس من المفاجئ أن كل مشروعٍ تجاريٍ يهتم بشعور العملاء على المدى البعيد يفضل استخدام اللون الأزرق.
يخلق اللون الأزرق شعورًا مُخالفًا تمامًا عن اللون الأحمر، فالأزرق يوحي بالهدوء ومن هنا فلا يجب أن تقلق بشأن استخدامه أكثر من اللازم. يمكنك نثر اللون الأزرق كيفما تشاء في تصميم الويب خاصتك.
كيف ينبغي عليك استخدام اللون الأزرق
مجموعة لونية جذابة بإضافة اللون الأزرق
10 أشياء مرتبطة باللون الأزرق
- الصدق
- الصداقة
- السحر
- الأولاد
- الجليد
- النبل
- الشتاء
- الشرطة
- السماء
- الحياة
إحداثيات اللون الأزرق حسب نظام الألوان
- Hex Triplet:
#0000FF
- RGB:
(255, 0, 0)
4. اللون الأخضر في موقع Groupon يضفي صفة القوة الجماعية
تشعر بالتفاؤل الآن؟
لنخمّن -كنت تنظر إلى شيءٍ أخضر؟
ربما كنت تنظر إلى نباتٍ أخضر، ربما أنك تشعر بالهدوء والتفاؤل.
أي شخصٍ مرتبطٍ بالحياة الخضراء أو أي أنشطةٍ بيئيةٍ من المرجح أن يستخدم اللون الأخضر على الأقل في بعض الأجزاء خلال مرحلة التصميم. اللون الأخضر منعشٌ ومريحٌ للغاية، هذا يولّد شعورًا بالتوازن والإلهام ويعكس التوازن والانسجام في التصميم.
استخدام رائع للون الأخضر في تصميم الوي
مجموعة لونية جذابة بإضافة اللون الأخضر
10 أشياء مرتبطة باللون الأخضر
- المال
- الطمع
- النمو
- الحسد
- الطبيعة
- الربيع
- الصحة
- الشباب
- العشب
- الأمل
إحداثيات اللون الأخضر حسب نظام الألوان
- Hex Triplet:
#00FF00
- RGB:
(0, 255, 0)
غالبًا ما يوصف اللون الأرجواني بكلماتٍ مثل الخيال والإبداع والوقار والنبل والوفرة. ترتبط درجات الظلال الأرجوانية بالربيع والعاطفة القوية، في حين ترتبط الدرجات الداكنة بالرفاهية والثراء. ويستخدم اللون الأرجواني بتنوعٍ في الجمال والموضة ومنتجات الملابس، لما له من تأثيرٍ كبيرٍ في إضفاء الهدوء والسكينة أكثر من أي لون آخر.
كما ويعد لونٌ أنثويٌ وعاطفيٌ أكثر من كونه لونٌ ذكوري. عند النظر إلى أي شيءٍ أرجوانيٍ، يشعر الكثيرين بأنه يبدو مصطنعًا، نظرًا لندرة وجوده في الطبيعة. تمامًا مثل اللون الأحمر، يضيف اللون الأرجواني تأثيرٌ قويٌ لا يُقاوم ويشكل بعض الضغط على الأشخاص لاتخاذ ردة فعل. لذا سيكون من الحكيم الجمع بين اللون الأرجواني وأي لونٍ آخر مثل الأسود والأبيض.
استخدام رائع للون الأرجواني في تصميم الويب
مجموعة لونية جذابة بإضافة اللون الأرجواني
10 أشياء مرتبطة باللون الأرجواني
- الثروة
- الملكية
- النبل
- الأناقة
- العاطفة
- الاصطناع
- الغرابة
- الروحانية
- الترف
- الأنوثة
إحداثيات اللون الأرجواني حسب نظام الألوان
- Hex Triplet:
#800080
- RGB:
(128, 0, 128)
6. استخدام عبقري للألوان المحايدة في موقع 1WD’s
عادةً ما تستخدم الألوان المحايدة مثل الأبيض والأسود والرماديات الفاتحة والداكنة كخلفيات في التصاميم مع إضافة ألوان أكثر قوةٍ وسطوع.
ألقِ نظرةً على موقع 1stwebdesigner – 1WD. هناك استُخدم القليل من اللون البرتقالي كونه لون قوي وساطع، لكن فقط في مزيجٍ جيدٍ مع الرمادي الداكن والفاتح والأبيض بالتأكيد. تمامًا كحقيقة أن العصافير دومًا ستطير، فاللون الأسود يعبر دومًا عن الحداثة والقوة والأناقة. في حين أن اللون الرمادي هو لونٌ محايد، يعبر عن أشياء هادئةٍ وغير مرئيةٍ مثل الظلال.
إذا كان اللون الرمادي يبدو متّسخًا في بعض الأحيان، فعلى العكس سيولد اللون الأبيض تأثيرًا مُعاكسًا. يعبر اللون الأبيض عن الرحابة والانفتاح والبساطة.
استخدام رائع للون الأبيض في تصميم الويب
مجموعة لونية جذابة بإضافة اللون الأرجواني
10 أشياء مرتبطة بالألوان المحايدة
- القوة
- الأناقة
- الفراغ
- النعومة
- الجنة
- السلام
- البراءة
- التشاؤم
- الكآبة
- الملل
إحداثيات الألوان المحايدة حسب نظام الألوان
اللون الأسود:
- Hex Triplet:
#000000
- RGB:
(0, 0, 0)
اللون الرمادي:
- Hex Triplet:
#808080
- RGB:
(128, 128, 128)
اللون الأبيض:
- Hex Triplet:
FFFFFF#
- RGB:
(255, 255, 255)
والآن، ما هو لونك المفضل؟
ما الشعور الذي يمنحك إياه لونك المفضل؟
تطرقنا للحديث عن أكثر 5 ألوان شيوعًا. الآن حان دورك لتختبر تأثير الألوان على الحسّ الإنساني وكيف يمكن دمجها في مجموعات لونية مؤثرة في صفحات الويب التي تقوم بتصميمها.
بقلم إلياس حجي