الخريطة الباب ٤: التجربة

الألوانColor

اللون الأساسي يُستخدم بحساب، لا بإسراف.

٠ من ٦ تمارين

اللون لا يجمّل فقط؛ إنه يصنع المزاج، ويحمل هوية العلامة، ويوجه السلوك. لكن قوته في ندرته: اللون الذي يُستخدم بحساب يقول «انظر هنا»، واللون المستخدم في كل مكان لا يقول شيئاً. وبعض الألوان لها معانٍ اتفق عليها الناس منذ زمن — لا تُعِد اختراعها.

اللون الأساسي يُستخدم بحساب

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

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

خلفية هادئة تُبرز المحتوى

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

أيّهما أفضل؟+١٠ XP

شاشة محفظة استثمارية برسم بياني ملوّن. أي خلفية تخدم المحتوى؟

لا تعتمد على اللون وحده

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

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

خطأ
مبلغ البيع$ 0.01USDملاحظة المصحّح: أحمر فقط — ما المشكلة؟
صح
مبلغ البيع$ 0.01USDأدخل مبلغاً أكبر من $1
اكتشف الخطأ+٢٠ XP

في هذا النموذج حالة تكسر المعنى المتعارف للألوان. انقر عليها.

وضع التفتيش: مرّر على عناصر التصميم وانقر على موضع الخطأ — أو تنقّل بـ Tab واضغط Enter.

بيانات الشحن
الاسمريم عادل
الهاتف05الرقم ناقص — ١٠ أرقام
البريدreem@mail.comتم التحقق من البريد
أصلحه بنفسك+٣٠ XP

اجعل الحالات مفهومة للجميع: خطأ لا يعتمد على اللون وحده، ونجاح بلونه المتعارف.

مبلغ البيع$ 0.01USDالبريد الإلكترونيolivia@mail.com

مفهوم بلا ألوان؟✗

الخصائص

اختبر نفسك

اختبار سريع+١٠ XP

١. أين يُستخدم اللون الأساسي للعلامة بشكل صحيح؟

اختبار سريع+١٠ XP

٢. كيف تعرض خطأ في حقل بشكل يصل للجميع؟

اختبار سريع+١٠ XP

٣. علامتك التجارية وردية. ما لون رسالة النجاح؟