التصميم بالألوان

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

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

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

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

اختيار لوحة الألوان

أحيانًا تكون لوحة الألوان نتيجة للإلهام المفاجئ. لكن في معظم الأحيان ، يأتي من اتباع نهج منظم.

تحديد الغرض

قبل القيام بأي شيء آخر ، حدد أولاً الغرض من التصميم الخاص بك. ينسجم التصميم الجيد بين لوحة الألوان والغرض منها.

اسأل نفسك الأسئلة التالية:

  • ما هي الرسالة التي تريد نقلها مع تصميمك؟
  • ما هو الغرض من التصميم الخاص بك؟ أن تكون مفيدة؟ للإقناع؟
  • ما هي المشاعر التي تريد أن يثيرها تصميمك؟

يجب أن يكون الغرض من تصميمك بمثابة دليل لك عند اختيار لوحة الألوان الخاصة بك.

حدد جمهورك

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

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

نظرًا لأن الألوان لها العديد من المعاني المختلفة ، فمن المهم مطابقة نماذج الألوان الذهنية التي تمتلكها كمصمم مع تلك الخاصة بجمهورك.

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

مراجعة نظرية اللون

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

يعتبر كتاب أساسي جيد هو Basic Color Theory من Canva و Color Theory 101 من Hubspot. يمكنك أن تقرأ عن تطبيق مثير للاهتمام لنظرية الألوان في Why Is Facebook Blue؟ العلم وراء الألوان في التسويق.

ابحث عن الإلهام

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

المشتبه به المعتاد لإلهام لوحة الألوان هو مواقع مثل Dribbble و Behance. إذا كنت ترغب في العثور على مصدر إلهام لأسلوب تصميم معين مثل تصميم المواد ، فيمكنك استخدام موقع مثل MaterialUI. يمكن العثور على مكافئ التصميم المسطح في FlatUIColors.

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

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

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

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

إنشاء نظام تصميم

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

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

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

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

  • خلفية
  • اللهجة الأساسية
  • لهجة ثانوية
  • لون الخطأ
  • لون النجاح

اللون الأساسي هو اللون الذي تستخدمه غالبًا للأزرار واللكنات المهمة. بالنسبة للعديد من الشركات ، يعد هذا أيضًا لون شعارها.

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

اختر لوحة الألوان

الآن بعد أن أصبحت مسلحًا بالإلهام والرسم التقريبي لنظام التصميم ، حان الوقت لاختيار لوحة الألوان.

بالنسبة للوحات الألوان الأساسية ، أود أن أضع ألواني جنبًا إلى جنب ، تمامًا مثل الفنانين في لوحة الألوان الخاصة بهم.

هذا هو الوقت المناسب لأخذ كل ما تبذلونه من إلهام الألوان وإنشاء لوحات الألوان منها. الأكثر الأفضل. لا تخف من تجربة الألوان بنفسك أيضًا.

عند تضييق نطاق خيارات لوحة الألوان ، فكر في القسمين الأولين حيث حددت الغرض من تصميمك وجمهوره. اسأل نفسك الأسئلة التالية:

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

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

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

كمثال ، هنا لوحة ألوان Invision.

يمكن أن يبدو التمثيل الهندسي شيئًا كهذا.

تطبيق لوحات الألوان

لإعطائك فكرة عن كيفية تطبيق الألوان على أنظمة التصميم ، دعنا نلقي نظرة على Airbnb. اللون الأساسي لـ Airbnb هو Rausch ، الذي سمي على اسم الشارع الذي نشأت منه الشركة. يعمل Kazan كلون ثانوي ويتم استخدام الرماديين كألوان للخلفية.

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

يستخدم لون قازان الفيروزي لجذب انتباهك وإشراكها. لاحظ كيف يكمل اللون الأساسي.

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

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

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

يتم إحتوائه

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

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

أود أن أعرف كيف تعمل مع اللون. ما هي عمليتك؟ لا تتردد في ترك ملاحظة أو تغريدة لي.

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