كيف إلى اختيار الألوان الجميلة

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

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

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

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

من اليسار إلى اليمين: Super Mario Run ، Monument Valley ، Alto’s Odyssey ، Lara Croft Go

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

اختيار الألوان الجميلة غالبًا ما يتلخص في اختيار التباينات المناسبة لتصميمك.

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

سطوع الملقب. ضوء / الظلام

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

سطوع

بشكل عام ، يمكننا ببساطة زيادة مقدار التباين بين لونين عن طريق زيادة الفرق في سطوعها.

التباين السطوع

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

التباين نغمي

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

هوى التباينالتشبع (المحور الأفقي في HSB) ، وتباين التشبع

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

الأشكال المختلفة والتباين الفقراءتشبع مختلفة والتباين الفقراء

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

تدرج الرمادي هاك

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

القيم اللونية المتأصلة في الأشكال المختلفة

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

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

تباين التشبع: التباين العالي في الأعلى ، التباين السيئ في القاع.تباين الألوان: تباين عالٍ في الأعلى ، تباين ضعيف في الأسفل

دعنا نلقي نظرة أخرى على الألعاب الموضحة أعلاه ، ولكن الآن بتدرج الرمادي.

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

استخدم الاختراق التدرج الرمادي ، بشكل متكرر وغالبًا ، لتصور التناقضات الموجودة في تصميماتك.

تباينات جميلة تجعل لوحات الألوان جميلة ، ولذا فإنني أقدم لكم ...

صيغة لاختيار لوحات الألوان الجميلة

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

1: حدد المكان الذي تحتاج إلى التباين

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

2: لون التصميم الخاص بك باستخدام ظلال من الرمادي

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

3: اختر الألوان الأساسية الخاصة بك
اختر تدرجات الألوان الأساسية التي تريد العمل بها. هذا هو الجزء الشخصي ، ويمكنك استخدام أدوات مثل ShapeFactory’s Pigment أو Adobe Color CC لاختيار بعض الأشياء. حقيقة ممتعة: بعض مجموعات الألوان شائعة جدًا لدرجة أنها قد وصلت إلى حالة الكأس.

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

مثال 1

(1) الإطار السلكي و (2) التناقضات المفضلة بظلال الرمادي(3) لدينا خيارات الألوان الأساسية

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

مناطق القيمة اللونية المقابلة لألواننا الأساسية

يمكننا الآن اختيار مجموعات من الألوان من أي مكان داخل تلك المناطق:

(4) بعض الخيارات للوحات الألوان

مثال 2

إليك كيفية ظهور هذه العملية عند تطوير تطبيقي Overlink:

العملية: من اليسار إلى اليمين ، من الأعلى إلى الأسفل: السلكي ، التدرج الرمادي ، الألوان الأساسية ، النهائية

مبروك! نأمل أن يساعدك ذلك في اختيار مجموعة من الألوان التي تتناقض مع المكان الذي تريده ، وتمزج بين الأماكن التي لا تريدها ، وتبدو بشكل عام جميلة.

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

Overlink هو المشروع الذي ألهم هذه الكتابة. إذا كنت تحب الألغاز المنطقية ثلاثية الأبعاد ، فيمكنك تنزيلها (مجانًا) على iOS: https://itunes.apple.com/au/app/overlink/id1453086788