近期「藍黑白金」裙子事件引爆視覺誤差討論。對視覺設計師而言，視覺誤差同樣值得深究。「耳聽為虛，眼見為實」？眼睛是最直接感官，但所見未必反映客觀事實。人眼有特有成像原理與資訊處理過程，如同程序有Bug，眼睛也會產生錯覺，甚至不同人主觀感受有細微差異。我們需總結：遇到視覺Bug該如何處理？

經典視覺誤差案例賞析

埃賓豪斯幻覺

黃綠色圓與紫色圓大小相同，但前者看起來較小——神奇吧？

托蘭斯肯彎曲幻覺

三個圓周直徑完全一樣，卻讓人誤判大小。

平行線錯覺

明明都是平行線，卻看起來彎曲不平行。

界面設計中處理視覺誤差的三大策略

1. 避免造成視覺誤差的設計

例如「流程條」，幫助用戶清晰了解目標全過程與當前位置。但「平行線配合>>」的形式類似「平行線錯覺」，可能造成視覺誤差，讓人感覺線條不平行，強迫症患者更受不了。雖誤差不明顯，仍建議避免此形式。

再如模組劃分常用色塊與線框。黑線看起來凸出，實際對齊卻因人眼錯覺感覺不對齊。應避免色塊與線框接觸設計；若必須這樣，可降低色塊與線條明暗差緩和誤差：

2. 善用視覺誤差

視覺誤差客觀存在，了解它才能駕馭它。以像素畫為例：紅白機年代風靡全球，文件小、佔記憶體小，適合當年環境。但畫好像素畫需專業知識——直線、曲線、立體感、透視皆有標準規則，放大看是像素點，遠看才見整體效果（類似油畫）。放大與整體看的感受差異即視覺誤差，像素畫規則實際上就是建立在「利用視覺誤差」基礎上。

像素畫表現線條粗細也有講究：1像素與2像素線條視覺粗細差異極大，多用顏色明暗表現粗細。用淡色表達「細線」即利用視覺誤差。「膨脹色」、「收縮色」也是視覺誤差表現，設計師可利用其特點更好傳達視覺資訊。

3. 原則：以感受為準

造成視覺誤差原因類型眾多，難以窮盡。不得不面對時，遵循「以你的感受為準」。

做Icon嚴謹。上圖三種情況：第一種參考線高度嚴格一致，但第三個Icon外形為圓，給人「滿、脹」視覺感覺，同樣高寬卻覺得「大一點」。遇此情況，尊重眼睛，將「圓」相對縮小（第三種情況），是否更舒服？

總結：視覺設計師需關注了解「視覺誤差」影響，思考更好處理方式，為追求「完美」增加砝碼。歡迎探討交流。