كيفية التباين بين الألوان للتصميم؟

ما هو أفضل تباين لتصميمك؟



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

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



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



الأشياء التي يجب وضعها في الاعتبار عند تحديد التباين لصفحة الويب الخاصة بك

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

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



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

تباين سيء في الألوان

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

تباين جيد في الألوان

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



ألوان الخلفية
ألوان المقدمة شبكةالبرتقاليالأصفرأخضرأزرقالبنفسجيأسودأبيضاللون الرمادي
شبكةفقيرفقيرحسنفقيرفقيرفقيرحسنحسنفقير
البرتقاليفقيرفقيرفقيرفقيرفقيرفقيرحسنفقيرفقير
الأصفرحسنحسنفقيرفقيرحسنفقيرحسنفقيرحسن
أخضرفقيرفقيرفقيرفقيرحسنفقيرحسنفقيرحسن
أزرقفقيرفقيرحسنحسنفقيرفقيرفقيرحسنفقير
البنفسجيفقيرفقيرحسنفقيرفقيرفقيرحسنحسنفقير
أسودفقيرحسنحسنحسنفقيرحسنفقيرحسنفقير
أبيضحسنحسنحسنفقيرحسنحسنحسنفقيرحسن
اللون الرماديفقيرفقيرحسنحسنفقيرفقيرفقيرحسنفقير

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