محاكاة عمى الألوان
يعاني حوالي 8% من الرجال و0.5% من النساء من شكل من أشكال نقص رؤية الألوان، وغالبًا في محور الأحمر والأخضر. ارفع تصميمًا أو لقطة شاشة أو رسمًا توضيحيًا، واختر وضع محاكاة واحدًا، ثم قارن الصورة الأصلية بالنتيجة المحاكاة جنبًا إلى جنب. يساعدك ذلك على التأكد من أن المخطط أو الخريطة أو واجهة المستخدم تبقى مفهومة حتى عند عدم الاعتماد على اللون وحده.
كيف يعمل جهاز المحاكاة
-
1
أسقط في الصورة
PNG أو JPG أو WebP أو SVG. تمت معالجتها في المتصفح - لم يتم تحميل أي شيء.
-
2
اختر وضع المحاكاة
اختر protanopia أو protanomaly أو deuteranopia أو deuteranomaly أو tritanopia أو tritanomaly أو achromatopsia أو achromatomaly.
-
3
قارن جنبًا إلى جنب
يطبّق المتصفح تحويلًا بالمصفوفة ويعرض الصورة الأصلية بجوار المحاكاة المختارة.
-
4
صدّر الصورة المحاكاة
نزّل المحاكاة المختارة بصيغة PNG، أو التقط لقطات شاشة للمقارنة لاستخدامها في مراجعات التصميم.
أشكال نقص رؤية الألوان
| الحالة | انتشار | مميزة |
|---|---|---|
| ديوترانومالي | ~5% من الرجال | شذوذ باللون الأحمر والأخضر، تحول مخروط M |
| بروتانومالي | ~1% من الرجال | شذوذ باللونين الأحمر والأخضر، وتحول مخروط L |
| ديوترانوبيا | ~1% من الرجال | مخروط M غائب، الأحمر والأخضر بالكاد يمكن تمييزه |
| بروتانوبيا | ~1% من الرجال | مخروط L غائب - تحول الإدراك الأحمر |
| تريتانوبيا | نادر جدًا | مخروط S غائب، انهار المحور الأزرق والأصفر |
| تريتانومالي | نادر جدًا | تحول مخروط S - خسارة خفيفة باللون الأزرق والأصفر |
| أكروماتوبسيا | نادر للغاية | عمى الألوان الكامل، تدرج الرمادي فقط |
يبدأ معظم المصممين عادةً بمحاكاة deuteranopia وprotanopia لأن نقص الأحمر والأخضر هو الأكثر شيوعًا، ثم يضيفون أوضاع الضعف الجزئي والأزرق والأصفر لمراجعة أوسع.
آثار التصميم
- لا تعتمد على اللون الأحمر/الأخضر وحده لتمييز الحالات. تحتاج مؤشرات الخطأ/النجاح إلى شكل أو رمز أو تسمية نصية بالإضافة إلى اللون. تختلف علامة X الحمراء والعلامة الخضراء بشكل ملحوظ؛ الدوائر الحمراء والخضراء ليست كذلك.
- المخططات: استخدم تعبئة الأنماط، أو التسميات المباشرة، أو اللوحات المميزة للإدراك الحسي (ColorBrewer، أو Viridis). تجنب لوحة إشارات المرور لتصور البيانات.
- الخرائط: الحدود والتظليل لتمييز المناطق؛ اللون وحده يفشل
- الارتباطات التشعبية: لا يتم تصميمها مطلقًا إلا حسب اللون. تساعد الخطوط السفلية أو الوزن الجميع، بما في ذلك الأشخاص الذين لديهم رؤية ألوان طبيعية.
- حقول النموذج المطلوبة: علامة النجمة الحمراء بالإضافة إلى التسمية “مطلوب” أو الحد الأحمر بالإضافة إلى النص المساعد “مطلوب”.
- مؤشرات الحالة: تعمل إشارة المرور باللون الأحمر/العنبري/الأخضر كتعزيز، وليست الإشارة الوحيدة أبدًا.
اختيارات جيدة للوحة الألوان لتصميم آمن للألوان
- Viridis (المستخدم افتراضيًا في matplotlib، D3): أرجواني إلى أصفر، وموحد للإدراك الحسي.
- ColorBrewer النوعية: 8 ألوان مميزة تم تصميمها لتبقى مميزة في الأشكال الشائعة من عمى الألوان.
- Okabe-Ito: لوحة ألوان مكونة من 8 ألوان مصممة خصيصًا لإمكانية الوصول إلى عمى الألوان.
الأدوات والاختبارات
- معاينات المحاكاة (هذه الأداة)، فحص بصري سريع.
- مدقق التباين WCAG، يضمن بقاء النص قابلاً للقراءة بغض النظر عن إدراك اللون.
- اختبار المستخدم الحقيقي، لا شيء يحل محل عرض تصميمك للمستخدمين الفعليين الذين يعانون من عمى الألوان.
حقيقة ممتعة
تستخدم محاكيات رؤية الألوان الحديثة تقريبات بالمصفوفات لطريقة تحويل استجابات المخاريط إلى RGB. تعامل مع المعاينة كفحص عملي للتصميم، لا كتشخيص طبي ولا كنسخة دقيقة من إدراك شخص بعينه.
الأسئلة الشائعة
إنها مقاربة مفيدة، لكن إدراك الألوان الحقيقي يختلف من شخص لآخر. معظم حالات نقص الأحمر والأخضر تقع على طيف من الخفيف إلى الشديد، لذلك استخدم المعاينة كمؤشر تصميمي لا كتشخيص.
يغطي الديوترانومالي (ضعف اللون الأخضر) الشريحة الأكبر من المستخدمين المصابين بعمى الألوان (حوالي 5% من الرجال). يعتبر الاختبار ضد عمى Deuteranopia (الشكل الحاد) فحصًا متحفظًا - إذا كان التصميم يعمل هناك، فإنه يعمل أيضًا مع الشذوذ الأكثر اعتدالًا.
نعم، ولكن بشكل أقل بكثير (~0.5%). يعتبر نقص اللون الأحمر والأخضر متنحيًا مرتبطًا بالكروموسوم X، لذا يحتاج الرجال (XY) إلى X متأثر واحد فقط؛ تحتاج النساء (XX) إلى كليهما. Tritanopia هو مرض وراثي ويؤثر على الجنسين بالتساوي.
ليس في هذه الأداة بشكل مباشر - إنها محاكاة عامة لضعف الرؤية، والتي تتضمن أيضًا تقليل الضبابية والتباين. ولمحاكاة إمكانية الوصول الكاملة، تغطي هذه الأدوات أدوات مخصصة مثل Lighthouse من Chrome أو NoCoffee.
أدوات ذات صلة
محول ARW إلى JPG
حول صور سوني ARW RAW إلى JPG. احصل على صورة JPEG قابلة للمشاركة ومتوافقة عالميا من ملف RAW الخاص بكاميرتك دون فتح Lightroom.
منتقي ألوان Material Design
تصفح لوحة ألوان Material Design وانسخ أي درجة (من 50 إلى A700) بصيغة HEX أو RGB أو HSL بنقرة واحدة.
مولد الباركود
أنشئ باركودات Code 128 وEAN-13 وUPC وITF-14 وسبع صيغ خطية أخرى. تبقى البيانات في المتصفح، ويمكن تنزيل SVG أو PNG.
مولّد رموز QR
أنشئ رمز QR محليًا في المتصفح من رابط أو نص عادي أو حمولة QR منسقة، ثم نزّله بصيغة PNG.
منشئ شهادات التقدير
أنشئ شهادة تقدير أو مشاركة أو إتمام قابلة للطباعة بنصك وشعارك وأسلوبك ومقاس الورق. ليست شهادة TLS/SSL.
مولد الميمز
أضف تعليقًا علويًا وآخر سفليًا إلى صورة JPG أو PNG أو WebP. اضبط الخط والألوان والحد، ثم نزّل الميم كصورة PNG ثابتة.