الخريطة الباب ٤: التجربة
الألوانColor
اللون الأساسي يُستخدم بحساب، لا بإسراف.
اللون لا يجمّل فقط؛ إنه يصنع المزاج، ويحمل هوية العلامة، ويوجه السلوك. لكن قوته في ندرته: اللون الذي يُستخدم بحساب يقول «انظر هنا»، واللون المستخدم في كل مكان لا يقول شيئاً. وبعض الألوان لها معانٍ اتفق عليها الناس منذ زمن — لا تُعِد اختراعها.
اللون الأساسي يُستخدم بحساب
حين تحب لون علامتك التجارية، يغريك أن تضعه في كل مكان: الأزرار والعناوين والأيقونات والصور الرمزية. النتيجة شاشة صاخبة لا يعرف فيها المستخدم ما الذي يمكن الضغط عليه. احتفظ باللون الأساسي للعناصر التفاعلية والمعلومة الأهم، ودع الباقي محايداً.
خلفية هادئة تُبرز المحتوى
الخلفيات المحايدة — أبيض، رمادي فاتح، بيج، أو داكن هادئ — تترك المحتوى والألوان المهمة تتنفس. الخلفية الصارخة تبدو جريئة في البداية، لكنها تتصادم مع الرسوم والنصوص وتُتعب العين. استخدم الخلفيات الملونة في أماكن محسوبة: شاشة ترحيب، رأس صفحة، قسم مميز. أما الوضع الداكن فخيار ممتاز مريح للعين — طالما بقي هادئاً ومتبايناً.
شاشة محفظة استثمارية برسم بياني ملوّن. أي خلفية تخدم المحتوى؟
لا تعتمد على اللون وحده
إطار أحمر حول الحقل قد يكفيك أنت، لكنه لا يكفي من لديه ضعف في تمييز الألوان، أو من يستخدم الهاتف تحت الشمس. اجمع اللون مع إشارة أخرى: أيقونة تحذير ورسالة نصية تقول ما المشكلة وكيف تُحل.
وحين تستخدم اللون للحالات، التزم بالمتعارف عليه: الأحمر للخطأ، الأخضر للنجاح، الأصفر للتنبيه. حتى لو كان لون علامتك وردياً، لا تجعل النجاح وردياً — اضبط درجات الألوان المتعارفة لتنسجم مع هويتك بدلاً من استبدالها.
في هذا النموذج حالة تكسر المعنى المتعارف للألوان. انقر عليها.
وضع التفتيش: مرّر على عناصر التصميم وانقر على موضع الخطأ — أو تنقّل بـ Tab واضغط Enter.
اجعل الحالات مفهومة للجميع: خطأ لا يعتمد على اللون وحده، ونجاح بلونه المتعارف.
مفهوم بلا ألوان؟✗
الخصائص
اختبر نفسك
١. أين يُستخدم اللون الأساسي للعلامة بشكل صحيح؟
٢. كيف تعرض خطأ في حقل بشكل يصل للجميع؟
٣. علامتك التجارية وردية. ما لون رسالة النجاح؟