منبع: بنیاد طراحی تعامل (IxDF) · بازنویسی آزاد: سپنتا پویا · مرداد ۱۴۰۵ · زمان مطالعه: حدود ۱۴ دقیقه

کروموستریوپسیا (Chromostereopsis) چیست؟

💡 این متن «بازنویسی آزاد» است: ایده‌ها و مفاهیم مطلب اصلی با نگارش کاملاً مستقل فارسی و مثال‌های تازه بازگو شده‌اند و ترجمهٔ کلمه‌به‌کلمه نیست. بخش‌های افزودهٔ مترجم در جعبهٔ منبع مشخص شده‌اند.

یک متن قرمز اشباع را روی زمینهٔ آبی اشباع بگذارید و به آن خیره شوید. متن روی زمینه نمی‌نشیند. کمی جلو می‌آید، کمی می‌لرزد، و هر بار که پلک می‌زنید باید از نو پیدایش کنید. منبع این حالت را با یک جملهٔ درست توصیف می‌کند — «رنگ‌ها می‌لرزند» — و بعد دو راه‌حل می‌دهد بی‌آنکه بگوید چرا کار می‌کنند.

و «چرا» اینجا مهم است، چون بدون آن نمی‌شود توصیه را به موقعیت تازه تعمیم داد. این نوشته از خود پدیده شروع می‌کند.

تعریف

کروموستریوپسیا یک خطای دید است: وقتی دو رنگ از دو سرِ طیف — معمولاً قرمز و آبی اشباع — کنار هم می‌نشینند، چشم نمی‌تواند هر دو را همزمان فوکوس کند، و مغز این ناهم‌ترازی را به‌جای «تاری» به‌صورت اختلاف عمق می‌خواند. یکی از دو رنگ جلو می‌آید و دیگری عقب می‌رود، در حالی که هر دو روی یک سطح کاملاً صاف نشسته‌اند.

نامش از دو تکه ساخته شده: chromo یعنی رنگ، و stereopsis یعنی دید عمق دوچشمی. پس این واژه دقیقاً همان چیزی را می‌گوید که رخ می‌دهد: عمقی که از رنگ ساخته شده است.

منبع تعریف کوتاهی می‌دهد و می‌گوید بیشتر وقتی رخ می‌دهد که آبی و قرمز، یا سبز و قرمز، کنار هم بنشینند؛ و دو راه‌حل پیشنهاد می‌کند: تفاوت‌دادن اشباع و کنتراست دو رنگ، و کشیدن یک حاشیهٔ بی‌رنگ دور هرکدام. هر دو توصیه درست‌اند و در بخش آخر دلیلشان را می‌بینیم.

نکتهٔ مهم این است که این پدیده را با کنتراست کم اشتباه نگیرید. کنتراست کم یعنی متن و زمینه به‌هم نزدیک‌اند و متن محو می‌شود. اینجا هر دو رنگ می‌توانند تیره و پرمایه و کاملاً متمایز باشند، و مشکل چیز دیگری است: متن سرجایش بند نمی‌شود.

چرا چشم نمی‌تواند هر دو را همزمان فوکوس کند

عدسی چشم فقط عدسی نیست؛ یک منشور ضعیف هم هست. طول‌موج کوتاه بیشتر از طول‌موج بلند شکسته می‌شود، پس آبی (حدود ۴۵۰ نانومتر) زودتر از قرمز (حدود ۶۵۰ نانومتر) به کانون می‌رسد. اسم این خاصیت ابیراهی رنگی طول‌طولی است.

اندازه‌اش هم کم نیست: در گسترهٔ نور مرئی، چشم انسان حدود ۲ دیوپتر ابیراهی رنگی دارد. یعنی اگر چشم برای میانهٔ طیف تنظیم کند، هر دو سر طیف کمی نرم می‌مانند؛ و اگر برای یک سر تنظیم کند، سر دیگر بدتر می‌شود. هیچ حالتی از تطابق وجود ندارد که قرمز اشباع و آبی اشباع را همزمان تیز کند.

و چشم بی‌کار نمی‌نشیند. مدام تطابق را کمی جابه‌جا می‌کند، بین دو کانونی که هیچ‌وقت یکی نمی‌شوند. همین جست‌وجوی بی‌پایان است که به‌صورت خستگی چشم حس می‌شود — و به همین دلیل، آن جملهٔ منبع که «چشم ما نمی‌تواند این دو را همزمان فوکوس کند» استعاره نیست؛ توصیف تحت‌اللفظی یک واقعیت نوری است.

چرا به عمق تبدیل می‌شود، و چرا برعکس می‌شود

تا اینجا فقط تاری داریم، و تاری به‌تنهایی عمق نمی‌سازد. حس عمق از جای دیگری می‌آید: اختلاف منظر — همان تفاوت کوچک افقی بین تصویری که چشم راست می‌گیرد و تصویری که چشم چپ می‌گیرد.

و اینجا یک جزئیات آناتومیک وارد می‌شود: مردمک دقیقاً روی محور بینایی نیست و معمولاً کمی به‌سمت بینی جابه‌جاست. وقتی مردمک از مرکز خارج باشد، پرتوهای قرمز و آبی — که با زاویه‌های متفاوتی شکسته شده‌اند — در نقطهٔ کمی متفاوتی روی شبکیه می‌نشینند. و چون این جابه‌جایی در دو چشم قرینه است، بین دو تصویر یک اختلاف افقی کوچک می‌سازد.

اختلاف افقی بین دو چشم هم دقیقاً همان نشانه‌ای است که مغز برای تشخیص عمق به‌کار می‌برد. پس مغز کار غلطی نمی‌کند؛ کار درستی می‌کند با داده‌ای که گمراه‌کننده است. لبهٔ رنگی را می‌گیرد، آن را مثل هر اختلاف منظر دیگری تفسیر می‌کند، و به شما عمقی تحویل می‌دهد که وجود ندارد.

از این توضیح دو نتیجهٔ کاملاً عملی بیرون می‌آید:

• - ۱. علامت اثر مالِ بینندهٔ شماست، نه مالِ صفحهٔ شما. در بیشتر مردم قرمز جلو می‌آید و آبی عقب می‌رود؛ در اقلیتی واقعی همین صفحه برعکس دیده می‌شود — آبی جلو و قرمز عقب؛ و بعضی‌ها هیچ‌چیز نمی‌بینند، چون مردمکشان مرکزی‌تر است یا با یک چشم نگاه می‌کنند. یعنی «من که مشکلی نمی‌بینم» شاهد نیست. کسی که طرح را تأیید می‌کند ممکن است در همان گروه سوم باشد.
• - ۲. اثر با بازشدن مردمک شدیدتر می‌شود. مردمک بازتر پرتوهای پیرامونی‌تر را راه می‌دهد و ابیراهی در پیرامون بیشتر است. مردمک هم در تاریکی باز می‌شود. پس این خطا در تم تاریک و در اتاق کم‌نور از همه‌جا بدتر است — و همان‌جاست که کمتر از همه آزمونش می‌کنیم.

کجا خودش را نشان می‌دهد

چهار شرط اثر را بزرگ می‌کنند، و در رابط‌های واقعی معمولاً با هم جمع می‌شوند:

• - اشباع بالا. رنگ ناخالص طول‌موج‌های پراکنده‌ای دارد و ابیراهی‌شان روی هم میانگین می‌گیرد؛ رنگ کاملاً اشباع این معافیت را ندارد. بدترین حالت، دو رنگ هر دو کاملاً اشباع است.
• - فاصلهٔ طیفی زیاد. قرمز و آبی بدترین جفت است، بعد قرمز و سبز، و بعد بنفش و زرد. دو رنگ همسایه در چرخهٔ رنگ این مشکل را ندارند — که یکی از دلایل آرام‌بودن پالت‌های هم‌نشین است.
• - زمینهٔ تیره. دو کار همزمان می‌کند: مردمک را باز می‌کند، و رنگ اشباع را بی‌واسطه در برابر یک زمینهٔ بی‌رنگ می‌گذارد. به همین دلیل نئون و تابلوی LED کلاسیک‌ترین نمونه‌های این خطا هستند — و به همین دلیل حالت تاریک جایی است که این مسئله ظاهر می‌شود.
• - جزئیات نازک. یک سطح بزرگ رنگی کمتر آزار می‌دهد؛ همان رنگ در قالب متن ۱۳ پیکسلی، آیکون خطی، خط جداکنندهٔ یک‌پیکسلی یا حلقهٔ فوکوس می‌لرزد. اندازهٔ جزئیات، ضریب این خطاست.

فهرست جاهایی که واقعاً به آن برمی‌خورید کوتاه و آشناست: متن خطای قرمز روی کارت یا دکمهٔ آبی · لینک آبی اشباع روی بنر قرمز · حلقهٔ فوکوس اشباع روی تم تاریک · داشبورد تیره با دو سری قرمز و آبی در یک نمودار · و اسلایدی با زمینهٔ سرمه‌ای و تیتر قرمز، که تقریباً همیشه از دور بد خوانده می‌شود.

کروموستریوپسیا یا لبهٔ هم‌روشنایی؟

این بخش افزودهٔ مترجم است، و به‌نظرم مهم‌ترین چیزی است که در بحث‌های رنگ جا می‌افتد. جملهٔ «قرمز روی آبی سخت خوانده می‌شود» دو مسئلهٔ جداگانه را می‌پوشاند، و درمانشان یکی نیست:

• - الف) کروموستریوپسیا — یک مسئلهٔ طیفی. دو رنگ در دو سر طیف‌اند، چشم نمی‌تواند هر دو را فوکوس کند، و لبهٔ رنگی به‌صورت عمق خوانده می‌شود. علامتش: متن شنا می‌کند و سرجایش بند نمی‌شود.
• - ب) لبهٔ هم‌روشنایی — یک مسئلهٔ روشنایی. دو رنگ در فام تفاوت دارند ولی روشنایی‌شان تقریباً یکی است. و سامانهٔ بینایی لبه‌ها را با کانال روشنایی پیدا می‌کند، نه با کانال رنگ؛ کانال رنگ تفکیک مکانی پایینی دارد. پس لبه‌یابی با ابزار کم‌دقت انجام می‌شود. علامتش: لبه گِلی است و همه‌چیز از فوکوس خارج به‌نظر می‌رسد.

و یک آزمون ساده این دو را از هم جدا می‌کند: اسکرین‌شات را خاکستری کنید.

• - اگر در خاکستری هنوز خوانا بود، روشنایی هرگز مشکل نبوده و مسئلهٔ شما الف است. درمانش کم‌کردن اشباع یا نزدیک‌تر‌کردن دو رنگ در طیف است.
• - اگر در خاکستری متن در زمینه گم شد، مسئلهٔ شما ب است — و هیچ تغییر فامی نجاتش نمی‌دهد.

این تفکیک صرفاً آکادمیک نیست، چون واکنش پیش‌فرض تیم‌ها به هر دو حالت یکی است: «یک آبی دیگر امتحان کن». اگر مسئله ب بوده باشد، عوض‌کردن فام هیچ کاری نمی‌کند و مشکل دست‌نخورده می‌ماند — فقط این بار با یک آبی تازه.

و یک نکتهٔ مهم دربارهٔ ابزارها: نسبت کنتراست، نسبتی از روشنایی است. پس سنجه‌های متعارف دسترس‌پذیری حالت ب را می‌گیرند و نسبت به الف کوراند. یک پالت می‌تواند نسبت کنتراست را با اختلاف زیاد پاس کند و باز هم بلرزد. اگر ممیزی دسترس‌پذیری شما فقط عدد کنتراست را چک می‌کند، این خطا از فیلترش رد می‌شود.

خبر خوب این است که یک حرکت هر دو را می‌پوشاند: یک پلهٔ روشنایی بین دو رنگ بگذارید. پلهٔ روشنایی به کانال روشنایی یک لبهٔ تیز می‌دهد؛ ب را کامل حل می‌کند و باقی‌ماندهٔ الف را آن‌قدر کوچک می‌کند که به چشم نیاید.

و حالا می‌شود گفت دو توصیهٔ خود منبع چرا کار می‌کنند: حاشیهٔ بی‌رنگ یک لبهٔ خنثی با اختلاف روشنایی زیاد وسط دو رنگ می‌گذارد، و تفاوت‌دادن اشباع و کنتراست همان پلهٔ روشنایی است از راهی دیگر. هر دو یک حرکت‌اند با دو ظاهر.

در بافت فارسی: اول نقطه‌ها از بین می‌روند

این بخش هم افزودهٔ مترجم است، و استدلالش این است که خط فارسی حاشیهٔ اطمینان کمتری برای این خطا دارد — و دلیلش ساختاری است، نه سلیقه‌ای.

یک: نقطه‌ها بار معنا را می‌کشند. از ۳۲ حرف الفبای فارسی، ۱۸ حرف نقطه دارند؛ و در خانواده‌هایی مثل ب/پ/ت/ث یا ج/چ/ح/خ، بدنهٔ حرف یکی است و تنها تفاوت همان نقطه‌هاست. نقطه هم کوچک‌ترین علامت روی سطر است، پس وقتی لبه‌ها نرم می‌شوند اولین چیزی است که از دست می‌رود.

و نتیجه‌اش با لاتین تفاوت جنسی دارد: در لاتین وقتی لبه‌ها نرم شود، شکل حرف مبهم می‌شود ولی حرف عوض نمی‌شود؛ در فارسی حرف عوض می‌شود. «شیر» می‌شود «سیر». «چای» می‌شود «جای». این تاری نیست — غلط‌خوانی است، و کاربر متوجه نمی‌شود که غلط خوانده.

دو: فونت‌های وب فارسی همان‌جا نازک‌اند. بیشترشان کنتراست ضخامت بالا و اتصال‌های باریک دارند، و درست همان جزئیاتی که این خطا از بین می‌برد، در فارسی حامل تفاوت حروف‌اند. یعنی مسئله با انتخاب فونت حل نمی‌شود؛ فقط جابه‌جا می‌شود — و همین است که تایپوگرافی فارسی را به یک تصمیم خوانایی تبدیل می‌کند، نه یک تصمیم آرایشی.

سه: الگوهای رایج بازار ما دقیقاً روی همین مین راه می‌روند. ستارهٔ قرمز فیلد اجباری روی پنل آبی؛ متن خطای قرمز روی کارت آبی؛ رنگ‌های برند اشباع — که در برندهای بانکی و مخابراتی ما فراوان‌اند — روی تم تاریک؛ و اپ‌هایی که دارک‌مود حالت پیش‌فرضشان است و روی گوشی میان‌رده در محیط کم‌نور خوانده می‌شوند. هر یک از اینها همان حاشیه‌ای را خرج می‌کند که نقطه‌ها لازم دارند.

چهار: سنت اعراب‌گذاری همین شکل را دارد. در متون آموزشی و قرآنی، علامت‌های اعراب سنتاً با یک رنگ دوم — اغلب قرمز — روی متن مشکی گذاشته می‌شوند. این علامت‌ها از نقطه‌ها هم ریزتر‌ند، و اگر همین ترکیب به زمینهٔ تیره منتقل شود، اولین چیزی است که محو می‌شود.

و یک قاعدهٔ عملی که از همهٔ اینها بیرون می‌آید: خوانایی را روی متن فارسی واقعی آزمون کنید، نه روی متن جانشین لاتین. lorem ipsum حاشیهٔ اطمینانی نشان می‌دهد که متن فارسی شما ندارد، و آزمونی که با آن پاس شود چیزی را ثابت نکرده است.

پنج حرکت عملی

• - ۱. پلهٔ روشنایی بگذارید. مهم‌ترین حرکت، و تنها حرکتی که هر دو مسئله را می‌پوشاند. اگر دو رنگ باید کنار هم بنشینند، در روشنایی از هم دورشان کنید، نه فقط در فام.
• - ۲. اشباع یکی از دو رنگ را بشکنید. لازم نیست هر دو را ملایم کنید؛ همان که هر دو کاملاً اشباع نباشند بخش بزرگی از اثر را می‌برد.
• - ۳. حاشیهٔ بی‌رنگ بدهید. یک خط نازک روشن یا تیره بین دو رنگ، به لبه‌یابی چیزی می‌دهد که رویش قفل کند. این همان توصیهٔ منبع است، حالا با دلیلش.
• - ۴. جزئیات نازک را از رنگ سر طیف بیرون بیاورید. متن بدنه، آیکون خطی، خط جداکننده و حلقهٔ فوکوس را به قرمز و آبی اشباع نسپارید. رنگ اشباع را برای سطح‌های بزرگ نگه دارید، نه برای شکل‌های ریز — که همین تفکیک، بخشی از ساختن یک سلسله‌مراتب بصری سالم هم هست.
• - ۵. در همان شرایطی آزمون کنید که خطا در آن بزرگ می‌شود. تم تاریک، اتاق کم‌نور، گوشی در دست، و آدمی که صفحه را قبلاً ندیده. و یک بار هم اسکرین‌شات را خاکستری کنید تا بدانید با کدام مسئله طرفید. اگر پالت شما بار معنایی هم دارد، یادتان باشد جفت قرمز و آبی از منظر کوررنگی هم انتخاب مطمئنی نیست.

جمع‌بندی

• - کروموستریوپسیا خطای دیدی است که در آن دو رنگ از دو سر طیف — معمولاً قرمز و آبی اشباع — در عمق‌های متفاوتی دیده می‌شوند، در حالی که روی یک سطح صاف نشسته‌اند.
• - علتش ابیراهی رنگی طول‌طولی است: آبی بیشتر از قرمز شکسته می‌شود و کانون‌هایشان حدود ۲ دیوپتر فاصله دارند، پس هیچ تطابقی هر دو را همزمان تیز نمی‌کند و چشم مدام جست‌وجو می‌کند.
• - تاری به عمق تبدیل می‌شود چون مردمک خارج از مرکز است و لبهٔ رنگی یک اختلاف منظر کوچک می‌سازد؛ مغز آن را مثل هر نشانهٔ عمق دیگری می‌خواند.
• - پس علامت اثر مالِ بیننده است، نه مالِ صفحه: بیشتر مردم قرمز را جلو می‌بینند، اقلیتی برعکس، و بعضی هیچ. «من که مشکلی نمی‌بینم» شاهد نیست — و چون مردمک در تاریکی باز می‌شود، بدترین حالت تم تاریک است.
• - «قرمز روی آبی سخت خوانده می‌شود» دو مسئله را می‌پوشاند: الف طیفی (متن شنا می‌کند) و ب هم‌روشنایی (لبه گِلی است). خاکستری‌کردن اسکرین‌شات این دو را جدا می‌کند.
• - و نسبت کنتراست فقط ب را می‌گیرد؛ یک پالت می‌تواند سنجه‌های دسترس‌پذیری را راحت پاس کند و باز هم بلرزد.
• - در فارسی حاشیه کمتر است: ۱۸ حرف از ۳۲ حرف نقطه دارند و نقطه‌ها اول محو می‌شوند — پس «شیر» می‌شود «سیر» و نتیجه تاری نیست، غلط‌خوانی است. خوانایی را روی متن فارسی واقعی بسنجید.
• - و درمان همیشه یک چیز است، از چند راه: یک پلهٔ روشنایی بگذارید — با کم‌کردن اشباع، با حاشیهٔ بی‌رنگ، یا با دورکردن دو رنگ در روشنایی.