يلعب التباين دورًا مهمًا في نجاح أي تصميم لموقع الويب. يضمن التباين الكافي تجربة مستخدم عالية الجودة وسهولة القراءة مما سيسهم في نجاح الموقع على المدى الطويل.
يمكن أن يكون من الصعب قراءة المواقع الإلكترونية التي تكون منخفضة للغاية ، والتي سيكون لها تأثير سلبي على نجاح أي موقع. غالبًا ما يكون من السهل التعرف على مشكلات تباين الألوان السيئة ؛ في كثير من الأحيان ، يمكنك ببساطة النظر إلى صفحة في متصفح الويب ومعرفة ما إذا كان من الصعب قراءة النص بسبب خيارات الألوان المتناقضة.
في حين قد يكون من السهل تحديد الألوان التي لا تعمل بشكل جيد معًا ، فقد يكون من الصعب تحديد الألوان التي ستعمل بشكل جيد على النقيض من الألوان الأخرى وفي تصميم موقع الويب. يعرض هذا المخطط مجموعة متنوعة من الألوان وكيف أنها تتناقض بشكل جيد مع ألوان المقدمة والخلفية. يمكنك رؤية بعض الأزواج الفعالة بالإضافة إلى الاقتران السيئ الذي يجب تجنبه عند اختيار الألوان لمشاريع موقعك.
ليست كل التباينات القوية هي تناقضات جيدة
هناك أمر واحد يجب أن تلاحظه في الرسم البياني هو كيف أن بعض هذه الألوان قد تكون شديدة السطوع وتظهر بشكل حيوي على لون خلفية معين ، مثل اللون الأزرق على الأسود ، ولكن يتم تصنيفها على أنها اختيارات تباين ضعيفة. وذلك لأن مجموعة الألوان ، على الرغم من تناقضها ، لا تزال تؤدي إلى نص يصعب قراءته. إذا كنت ستقوم بإنشاء صفحة في جميع النصوص باللون الأزرق على خلفية سوداء ، سيتعرض القراء لإجهاد العين بسرعة كبيرة.
هناك قواعد وأفضل الممارسات على النقيض من ذلك ، ولكن كمصمم ، يجب عليك دائما تقييم هذه القواعد للتأكد من أنها تعمل في حالة معينة.
معايير العلامة التجارية وخيارات اللون المتناقضة
التباين هو أحد العوامل التي يجب وضعها في الاعتبار عند اختيار الألوان لتصميم موقعك الإلكتروني. عند اختيار الألوان ، من المرجح أيضًا أن تضع في اعتبارها معايير العلامة التجارية للعميل ، سواء كانت شركة أو مؤسسة أخرى أو حتى فردًا. على الرغم من أن لوحات الألوان قد تكون متوافقة مع إرشادات العلامة التجارية الخاصة بالمؤسسة ، إلا أنها قد لا تترجم بشكل جيد للعرض التقديمي عبر الإنترنت.
على سبيل المثال ، تعتبر الخضر الصفراء والمشرقة تحديًا كبيرًا لاستخدامها بفعالية على مواقع الويب. إذا كانت هذه الألوان في إرشادات العلامة التجارية للشركة ، فمن المحتمل أن تحتاج إلى استخدامها كألوان مميزة فقط ، حيث يصعب العثور على ألوان تتناقض بشكل جيد مع أي منهما.
وبالمثل ، إذا كانت ألوان علامتك التجارية سوداء وبيضاء ، فهذا يعني تباينًا كبيرًا ، ولكن إذا كان لديك موقع به كميات نصية طويلة ، فإن الخلفية السوداء بنص أبيض ستجعل القراءة تجربة متوترة جدًا على الرغم من القوة المتأصلة على النقيض بين الأسود والأبيض. في هذه الحالة ، من المستحسن عكس الألوان باستخدام نص أسود على خلفية بيضاء. قد لا يكون ذلك مثيرًا للاهتمام بصريًا ، ولكنه خيار أفضل من التباين وإمكانية القراءة.
أدوات على الإنترنت
بالإضافة إلى التصميم الخاص بك ، هناك بعض الأدوات التي يمكنك استخدامها لاختبار اختيار لون موقعك. سيختبر CheckMyColors.com جميع ألوان موقعك ويبلغ عن نسبة التباين بين العناصر على الصفحة.
بالإضافة إلى ذلك ، عند التفكير في خيارات الألوان ، يجب أيضًا مراعاة إمكانية الوصول إلى موقع الويب والأشخاص الذين لديهم أشكال من عمى الألوان. يمكن أن يساعد WebAIM.org في هذا الأمر ، كما يمكن لـ ContrastChecker.com ، الذي سيختبر اختياراتك مقابل إرشادات الوصول إلى محتوى الويب (WCAG).
