تم نشر مقالٍ على موقع Freecodecamp للكاتب Jonathan Z White يتحث فيه عن أهمية الألوان في التصميم وكيف علينا أن نتعامل معها من خلال لوحات الألوان، وقد تمت ترجمته إلى اللغة العربية ليلبي حاجات المستخدمين لهذه النصائح وتطوير التصميم من خلالها، تابعوا معنا لتتعرفوا عليها أكثر...
إن للألوان أهميةٌ كبيرة على التأثير على العواطف ونقل الشعور، ولذلك يعتبر قوةً جبارةً في يد المصمم، لأنه جذابٌ للعين، ومن خلال دراسةٍ بعنوان "تأثير الألوان في السوق" تبين بأن بعض المنتجات اشتراها الناس بقرارات متسرعة تصل نسبتها إلى 90% مستندين على الألوان فقط!
وبذلك استخدام اللون بشكلٍ فعال له دورٌ مهم في التصميم، ولكن لا تستطيع الاعتقاد بأن إنشاء مجموعة متنوعة من تركيبات الألوان هي أمرٌ سهل، فهناك عدد كبير جداً من المجموعات اللونية المتوفرة ولكل لونٍ منها معنى خاص به.
ومن خلال هذا المقال سيكون لديك دليلاً مساعداً في إنشاء لوحات الألوان للتصاميم الخاصة بك، ومشجعةً لك لتكتشف أكثر عن الألوان والتي ستساعدك على تطوير شعورك وإبداعك بتراكيب الألوان المختلفة وخبرتك بها.
اختيار لوحة الألوان
إن اختيار لوحة الألوان يكون غالباً نتيجةً لنهجٍ منتظم، ولكنه قد يتم أيضاً من خلال إلهامٍ مفاجئ وعشوائي أحياناً.
تحديد الهدف
يجب قبل البدء بأي شيءٍ أن يتم تحديد الهدف من التصميم، فكل تصميمٍ جيد لا تتولد لوحة ألوانه إلا عندما يتم تحديد هدفه.
ولمعرفة الهدف من التصميم عليك بالإجابة على هذه الأسئلة
- ما هو مضمون الرسالة التي تريد أن توصله من خلال تصميمك؟
- ما هو الهدف من التصميم الخاص بك؟ هل تريده أن يكون مقنعاً أم مفيداً أم ماذا؟!
- ما هي المشاعر التي تريد أن تُثار من خلال تصميمك؟
عند اختيار; للوحة الألوان يجب أن يكون دليلك هدف التصميم.
اختيار جمهورك
يقول فيرتشايلد بأن اللون ظاهرة طبيعية لا تحدث إلا في عين الناظر، ولذلك يرى الناس الألوان بشكلٍ محتلف، ولكل لونٍ تأثيرٌ خاص على كل فرد، معتمداً على الخصائص الثقافية والتفضيلات الشخصية وكذلك الخبرة لديهم، ولذلك عليك بأن تختار جمهورك لتفهم رد فعل الناس على تصميمك.
بعض الألوان قد يكون لها معنى واحد عالمي لجماهير مختلفة ومتنوعة، ولكن قد لا يكون البعض الآخر كذلك، ولنضرب مثالاً بالمفهوم العالمي لدينا اللون الأخضر الممثل للطبيعة لأنه لون الحياة النباتية، ولكن للون الأحمر تفسيراتٌ متباينة في عدة ثقافاتٍ مختلفة، فمثلاً في الغرب يرتبط اللون الأحمر بالنار والحرب والعنف، ويرتبط أيضاً بالحب والعاطفة، بينما تربطه الصين بالسعادة والرخاء.
وبما أن للألوان الكثير من المعاني المختلفة فمن الضروري أن يحصل التطابيق بين نماذج الألوان العقلية لديك كمصمم مع نماذج جمهورك العقلية.
لنطلع على نظرية الألوان
لا بد من معرفة بعض الأشياء عن نظرية الألوان عند اختيار لوحة الألوان، فنظرية اللون هي إرشادٌ عملي لدمج ألوانٍ معينة عن طريق مزج الألوان والتأثيرات البصرية، وهي شاملةٌ لكل شيءٍ من عجلة الألوان حتى معنى الألوان الفردية.
لنعثر على الإلهام
إن اللجوء إلى الإستلهام هو أمرٌ طبيعي، فليس من السهل تصور لوحة الألوان الخاصةِ بك أحياناً، فهناك الكثير من الفنانين المعروفين الذين يعتمدون على إستلهام أعمالهم من أعمال فنانين آخرين.
ويكنك أيضاً الاعتماد على بعض المواقع المشهورة لتستلهم منها ما تستطيع لتنشئ لوحات ألوانٍ خاصةٍ بك كموقع Behance وموقع Dribble، وهناك موقعٌ مميز لاستلهام ألوان استايل تصميم محدد كتصميم المواد (Material desing)، واسم الموقع MaterialUI، ولألوان التصاميم المسطحة فتستطيع إيجادها في موقع FlatUIColors.
إن الاعتماد على هذه المواقع أمرٌ مفيدٌ جداً في الاستلهام ولكن لا يمكنك أن تعتمد عليها فقط، بل عليك أن تستلهم ألوانك من خلال تصاميم تكون خارج الوسط الذي تصمم فيه، ليكون بقدرتك أن تخرج بلوحاتٍ تتميز بألوانها الفريدة بشكلٍ ممتعٍ وغير متوقع، وكأبسط مثال تستطيع أن تنظر إلى هذا الديكور وتستلهم منه لوحة الألوان.
إذا أردت الوصول إلى شيءٍ مختلفٍ وجديد فعليك بالبحث عن إلهام الألوان في تصاميم الثقافات الأخرى، فبعض المقاطع الكورية تىى بها لوحاتٍ لونية جذابة وملفتة للأنظار، ولكن ولتكون نظرتك أوسع عليك بأن تنظر إلى ما حولك، إلى كل مكان! لتخرج كل يومٍ في نزهة وتأمل خلق الله المزين بأبهى الألوان في كل شيءٍ حولك، أعتقد بأنها الطريقة الأفضل.
لتأخذ اللون الذي تريده ويلهمك عليك بأداة قطارة العين (Dropper tiil) في برنامج التصميم لتستخرج لك اللون الذي تريد مع إجراء ما تشاء من التعديلات عليه إن احتاج الأمر.
لننشئ هيكل التصميم
نظام التصميم ودليله هما هيكل التصميم لديك، فهو الإطار المغلف لكل العناصر الموجودة في التصميم بدءاً من الأزرار وحتى مواد الطباعة.
يجب النظر في نوعية العناصر وكذلك أنواع الأزرار التي ستستخدمها وكيف سيكون شريط التنقل الخاص بك.
وإن كنت تريد مثالاً على نظام التصميم فعليك بالاطلاع على نظام التصميم الخاص بـ Salesforce.
قبل اختيارك للوحة الألوان الخاصة بك عليك بأن تبدأ بإنشاء نظام تصميمٍ لك، ولو كان مخططاً تقريبياً فقط.
ولا بد أن تضع بعلمك عند اختيارك للوحة الألوان للتصميم بأن تستخدم مبدأ KISS وهو مبدأ يعني تبسيط المعلومة وجعلها سهلة لدرجةِ الغباء بدون أي تعقيدٍ أو مصطلحات، وهو اختصار لفكرة "أبقها بسيطة أيها الغبي"، فكلما كان عدد الألوان أقل كلما كان ذلك أفضل.
وكمثال ٍ لبداية جديدة لأنظمة التصميم فالهيكل التالي هو كذلك:
- الخلفية
- الألوان الأساسية
- الألوان الثانوية
- ألوان العمليات الخاطئة
- ألوان العمليات الناجحة
إن اللون الأساسي هو اللون الذي يُستخدم للأزرار والعناصر المهمة غالباً، فكثيرٌ من الشركات تأخذ لون الشعار كلونٍ أساسي لها.
أما اللون الثانوي فهو اللون الذي يتم استخدامه للفصل بين العناصر الأساسية والعناصر الثانوية والتمييز بينهما، فمثلاً للفصل بين الأزرار الأساسية والثانوية، وكذلك العمليات الناجحة والخاطئة، وهكذا، ولنقل حالات التصميم كإخطارات النجاح والخطأ يُستخدم عادةً اللونان الأحمر والأخضر.
لنختر لوحة الألوان
الآن وبعد تعرفنا على طريقة الاستلهام وإنشاء المخطط التقريبي لنظام التصميم، آن الأوان لنختار لوحة الألوان!
عند عمل لوحات الألوان الأساسية من الأفضل أن تضع الألوان بجانب بعضها كلوحة الطلاء الخاصة بالرسامين تماماً!
عليك أن تزيل كل قلقك من التعامل مع الألوان فقد حان الوقت لتأخذ كل ما استلهمته من الألوان وتخرجه في لوحة ألوانٍ رائعة!
ولا تقلق إن شعرت بأن الخيارات قد ضاقت أمامك في لوحة الألوان فعليك بأن تعود للتفكير مرة أخرى بالقسمين الأولين، وهما تحديد الهدف والجمهور من تصميمك.
أجب عن الأسئلة الآتية قبل تطبيق لوحة الألوان:
- ما هي الألوان التي يمكنك أن تصل إليها؟
- ما هي الألوان التي تتميز بتأثيرها البصري وتجذب الأنظار إليها؟
- مخطط الألوان الذي تحتاجه هل هو فاتحٌ أم قاتم؟ وما هو الوقت من اليوم الذي سيُستخدم منتجك به؟
- ماذا تريد أن تنقل من مشاعر من خلال تصميمك؟ وهل تمتلك لوحة ألوانٍ واحدة لها تأثيرٌ أفضل من الأخريات؟
وبالطبع فإن لكل لونٍ دورٌ مختلف في نظام تصميمك، وذلك يعني بأن لكل لونٍ أيضاً وزنٌ خاصٌ به يختلف عن غيره في نظامك، فمثلاً ستُستخدم ألوان الخلفية الخاصة بك بشكلٍ أكبر من الألوان الأساسية والثانوية والتي لن يكون دورها إلا على العناصر كالقوائم والأزرار وغيرها.
لنطبق لوحة الألوان
سنعطيك فكرةً جميلة عن طريقة تطبيق لوحة الألوان على هيكل تصميمك، وسنبدأ بإلقاء نظرةٍ على موقع Airbnb. كما ترى اللون الأساسي لهذا الموقع من تدرجات اللون الأحمر واسمه Rausch، ولم يُعطى اسمه بشكلٍ عشوائي بل هو اسم الشارع الذي تقع فيه الشركة ونشأت به. أما اللون الثانوي فلونه Kazan، ولخلفية الشركة لونين رماديين مختلفين.
كثيرٌ من المواقع تستخدم اللون الرمادي الضبابي كخلفيةٍ لها ونرى ذلك في موقع Airbnb، واللون الأساسي Rausch تستخدمه الشركة معبرةً عن الإجراءات المهمة ومنها طلبات الحجز والإدراج، وبذلك للون الأساسي تكريمٌ خاص حيث يظهر بشكلٍ ملحوظ في التصميم.
ونرى اللون الفيروزي Kazan يتم استخدامه لنقاط الخرائط ليلفت الأنظار ويجذبها، وعند ظهور النوافذ الخطأ نراها من تدرجات اللون Rausch وهو الأحمر الفاتح، وعند الإعلام عن حالة النظام فيظهر اللون الأحمر عند علامة التعجب والذي سيجذب الأعين إليه مباشرة.
عند بداية تصميمك لا يجب أن تضع أي لونٍ عليه، بل ركز على تنسيق العناصر ومواضعها فقط، وبعد أن تنهي عملك بها وتكون راضياً بنتيجتك تستطيع أن تبدأ بتطبيقك للوحة الألوان الخاصة بك على التصميم.
عند العمل على التصميم الخاص بك عليك أن تفكر بتطبيق التسلسل الهرمي البصري، وعليك بأن تنظر إلى المكونات التي تريد أن تلفت الأنظار إليها وتعيين اللون المناسب لها، وللحصول على نتائج رائعة ومميزة فعليك الاهتمام باستخدام تدرجاتٍ مختلفة من الألوان كالإنزلاق وعمليات الضغط Click.
لا بد من التجريب والتكرار لتطوير المستوى في التعامل مع الألوان
إن نتائج الألوان المذهلة لن تظهر إلا بعد العديد من التجارب والتكرار، فكلما بذلت المزيد من جهدك وكررت محاولاتك كلما تطور مستواك في التعامل مع الألوان، عليك بأن تعلم بأن الألوان من أهم الإضافات التي لا يجب أن نتجاهلها.
فعندما تتعلم كيفية التصميم بالألوان سيكون بإمكانك أن تحصل على أفضل النتائج في جمع لوحات الألوان وهي قيمةٌ مميزة للمصمم ستطور من قدرتك على تصور مجموعات الألوان التي تريدها لتصميمها بشكلٍ تلقائي وحتى قبل أن تلمس برنامج التصميم.
تعليقات