أكثر ما يشتكي منه العميل بعد الإطلاق جملة واحدة: «اللون طلع غير». غالباً الاختيار تم على ورق أو على شاشة معايَرة بطريقة خاصة، والنتيجة لون باهت أو مائل للأخضر على الجوال. الورق والمعدن والضوء تتصرف بشكل مختلف عن البكسل، لذلك الترتيب الصحيح هو أن تبدأ من الشاشة ثم تشتق الطباعة منها.
في Q8DM نستلم كثيراً لوحات ألوان جميلة على الورق، وتفشل على الشاشة في أول اختبار. الحل ليس إعادة تصميم كاملة، بل ضبط الطريقة من البداية: قيم ثابتة، أدوار واضحة، وفحص قبل الاعتماد.
إذا كانت الهوية ستُشاهد أولاً على الموقع والتطبيق، اختَر اللون بقيمة HEX أو sRGB. هذه القيمة ثابتة وتظهر بنفس الشكل على كل شاشة حديثة، بخلاف عيّنة الورق التي تتغير بحسب الإضاءة والملمس.
بعد أن تستقر على اللون رقمياً، اشتق منه نسخة CMYK للطباعة وجرّبها على الورق الفعلي. الاتجاه من الشاشة إلى الورق أسهل وأرخص، لأن تعديل ملف في البداية لا يقارن بإعادة طباعة مواد مطبوعة بالكامل.
لا تحتاج إلى عشرين لوناً. خمسة أو ستة أدوار تكفي، وكل دور له وظيفة يعرفها الفريق:
اكتب لكل لون درجة فاتحة ودرجة غامقة. هذا يمنحك مرونة في الخلفيات وحالات التمرير دون اختراع ألوان جديدة في كل شاشة. اللوحة الصغيرة، كما نراها في q8dm.com، تُنسخ بسهولة وتبقى متسقة بين المصمم والمطور.
التباين هو الفرق بين لون النص ولون الخلفية، ويُقاس بنسبة مثل 4.5:1. المستهدف للنص العادي هو 4.5:1 على الأقل، وللنص الكبير 3:1. ألوان كثيرة جميلة في اللوحة تفشل هنا، خصوصاً الأصفر والبرتقالي الفاتح على أبيض.
جرّب الحالات كلها: النص على الخلفية، والزر بلونه الأساسي، والرابط داخل فقرة، وحقل الإدخال عند التركيز. إذا فشل لون أساسي، لا تتخلَّ عنه مباشرة. غيّر درجة واحدة أغمق أو أفتح حتى يعبر الفحص، وسجّل القيمة المعتمدة في الملف.
الشاشة المعايَرة في المكتب ليست المرجع. اخرج إلى الشرفة وقت الظهيرة وافتح الصفحة على جوال متوسط السعر، لا على هاتف المصمم. في الضوء المباشر تنخفض السطوع الكلي، والرمادي الفاتح يصبح غير مقروء، وقد يبدو الأساسي أسود تقريباً.
أعد الاختبار ليلاً بإضاءة غرفة خفيفة. الأزرق الغامق يختفي في العتمة، والذهبي يتحول إلى أصفر باهت. سجّل ملاحظة قصيرة لكل حالة، فهذه الملاحظات أهم من لوحة أنيقة لا تُقرأ في الشارع.
الوضع الليلي ليس عكس الألوان. الخلفية السوداء المطلقة متعبة للعين، والأفضل رمادي غامق جداً. اللون الأساسي الفاتح يصبح ساطعاً على خلفية داكنة، لذلك تحتاج درجة أفتح أو أغمق بخطوة، مع إعادة فحص التباين من الصفر.
احتفظ بالأدوار نفسها في الوضعين: الأساسي يبقى أساسياً، والخطر يبقى أحمر واضحاً. الاختلاف في الدرجات فقط. هكذا يتعرّف المستخدم على الزر دون قراءة، ويبقى الفريق على منطق واحد في كل الشاشات.
لا تُسلّم اللوحة كصورة أو ملف تصميم فقط. اطلب تنفيذها كمتغيرات في جذر ملف الأنماط، مثل متغير للأساسي ومتغير للخطر ومتغير للنص. المتغير يعيش في مكان واحد، وتغييره ينتقل إلى الصفحات كلها تلقائياً.
أضف ملفاً قصيراً يشرح اسم كل متغير ودوره ومتى يُستخدم، واكتب القيم بصيغة HEX مع النسخة الليلية بجانبها. المطور لن يخمّن أي لون تقصد، ولن تظهر درجات مختلفة بين صفحة وأخرى. هذا الفرق بين هوية موحّدة وهوية تشبه نفسها بالصدفة.
فريق q8dm.com يساعد الشركات في الكويت على بناء مواقع وبرمجيات بهوية متسقة منذ 1998. ابدأ بخطوة واحدة: خمسة ألوان بأدوار واضحة وفحص تباين واحد. زر https://q8dm.com وتحدث معنا عن هويتك الرقمية.