عجلة الألوان - دليل التصميم الأساسي لغير المصممين

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

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

إذن ، ما هي عجلة الألوان؟

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

التعريف الحرفي لعجلة الألوان هو

"مخطط دائري للطيف يستخدم لإظهار العلاقات بين الألوان".

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

تحتوي عجلة الألوان الأساسية على 12 درجة لون (ألوان صلبة) تتكون من:

• 3 ألوان أساسية (ألوان أصلية لا يمكن إنشاؤها بدمج ألوان أخرى)
• 3 ألوان ثانوية (يتم الحصول عليها من خلال الجمع بين لونين أساسيين)
• 6 ألوان ثلاثية (يتم الحصول عليها من خلال الجمع بين اللون الأساسي واللون الثانوي)

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

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

عجلة الألوان وتصميمات العلامة التجارية

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

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

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

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

لنتحدث الآن عن مخططات الألوان وكيفية استخدامها في تصميماتك.

7 أنظمة ألوان يجب أن تعرفها

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

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

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

• هوى هو اللون الصلب
• لون خفيف = تدرج اللون + أبيض
• الظل = هوى + أسود
• النغمة = ​​تدرج اللون + الرمادي

1. نظام الألوان أحادي اللون

لفهم هذا بشكل أفضل ، تحتاج إلى فهم عجلة الألوان الممتدة التي تحتوي على صبغات وظلال الألوان الصلبة.

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

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

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

2. مخطط الألوان المتماثل

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

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

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

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

3. نظام الألوان التكميلية

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

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

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

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

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

إليك تصميم يستخدم زوجًا مكملًا - الأصفر والأرجواني.

4. تقسيم نظام الألوان التكميلية

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

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

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

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

5. نظام الألوان الثلاثي

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

لا داعي للقلق بشأن التباين القوي كما هو الحال مع الألوان التكميلية أو التباين الضعيف كما هو الحال مع الألوان المماثلة. هذا واحد يجمع بين أفضل ما في العالمين.

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

مع نظام الألوان الثلاثي ، أنت تجمع بين كل من الألوان الدافئة والباردة. لذلك ، لا يبدو التصميم الخاص بك كئيبًا أو شديدًا.

يعطي المثال أعلاه أوزانًا متساوية للونين الرئيسيين للتصميم ويوفر اللون الأخضر اللون البوب ​​الصحيح للتباين للفت الانتباه.

6. نظام ألوان المستطيل الرباعي

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

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

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

7. نظام الألوان المربع

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

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

ضع حدًا لارتباك مخطط الألوان الخاص بك مع Kimp

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

سجل الآن للحصول على نسخة تجريبية مجانية لمدة 7 أيام.