互動式視錯覺展
大家好，我是鱈魚。( ´ ▽ ` )ﾉ
最近展示視錯覺圖片給小鱈魚看，結果反應超乎預期。
小鱈魚：「媽！老爸又在變奇怪的魔術騙人了。ლ(╹口╹ლ)」
鱈魚：「怎麼是這種反應。(。-`ω´-)」
展示這些視錯覺圖片時，發現這些範例很適合以網頁為載體，做成可互動的展示。
不然證明錯覺只能用手指遮擋，很不方便，絕對不是因為手指太肥 ( ˘･з･)
這裡我選了幾個有趣的視錯覺效果，每一個都有一個滑桿，從「錯覺」拉到「真相」，見證大腦被騙的瞬間。
讓我們開始吧！◝(≧∀≦)◟
亮度錯覺
人類的大腦在判斷「這玩意兒有多亮」時，不靠絕對亮度，而是和周圍的東西做比較。
棋盤陰影錯覺
看看下面這張棋盤，A 格和 B 格其實是同一個顏色。( ´ ▽ ` )ﾉ
這個錯覺是 MIT 教授 Edward Adelson 在 1995 年發表。
大腦為了幫你「看懂」這個場景，會自動對陰影區域做亮度補償。
它覺得「這裡有陰影，所以實際上應該比看到的更亮」，結果就擅自上調了 B 格的感知亮度。
導致明明是同一個灰色，卻不管是躺著看、橫著看還是站著看，怎麼看都覺得 B 比 A 亮。ლ(╹ε╹ლ)
同時對比錯覺
兩個完全相同的灰色方塊，一個放在深色背景上，一個放在淺色背景上，你卻會感覺左邊那個比較亮。
同時對比錯覺早在 19 世紀就有人研究，法國化學家 Michel Eugène Chevreul 在研究織品染色時就發現了這個現象。
大腦不會判斷「真正的亮度」，只在乎「相對於旁邊的東西，這個算亮還是暗」。
Hermann Grid 幽靈灰點
盯著下面的格子，在白線的十字交叉點看到若隱若現的灰色小圓點？
但只要你直接盯著某一個交叉點看，灰點就消失了。
這個現象最早由德國生理學家 Ludimar Hermann 在 1870 年發現，距今已經超過 150 年了。
成因是視網膜上的「側抑制」機制。
當較多亮色圍繞某個區域時（就像四條白線圍繞交叉點），周邊的神經細胞會互相「壓制」，讓你覺得那個地方沒那麼亮。
結果就是明明是白色的交叉點，你卻看到了根本不存在的灰色圓點。
顏色錯覺
大腦不但會搞錯亮度，連顏色都可以無中生有。(´⊙ω⊙`)
霓虹色擴散
看看下面這張圖，中間的圓形區域是不是隱約有一層淡藍色的薄紗？但其實圓形區域的背景和外面一樣，都是純白色，唯一的差別只有線條的顏色。
這個現象稱為「霓虹色擴散」，Dario Varin 在 1971 年首先描述，Harrie van Tuijl 在 1975 年進一步研究並命名。
當黑色線條有一段換成彩色時，大腦會自動在彩色線段之間「補上」一層透明的顏色。
Munker 錯覺
左邊的球看起來偏紫藍，右邊的球看起來偏黃綠？但其實兩顆球都是完全相同的青色。
這個錯覺由 Hans Münker 在 1970 年的博士論文中首次描述。
當密集的彩色條紋覆蓋在目標色上方時，大腦會把條紋的顏色「混」進去。
導致紫色條紋讓青色看起來偏藍紫，黃色條紋讓青色看起來偏黃綠。
互補色殘影
盯著下面的彩色圖案中心十字 15 秒，然後把滑桿拉過一半。
你會在空白畫面上看到紅色的圓、洋紅色的三角形、藍色的方塊。
殘影現象早在 19 世紀初就有紀錄，歌德在《色彩論》中就有詳細描述。
長時間盯著某個顏色，負責感應該色的視錐細胞會疲勞。
當你移開視線看白色時，其他未疲勞的視錐細胞會「搶戲」，讓你看到互補色，像極了那些摸魚但很會刷存在感的同事。(›´ω`‹ )
青色的互補色是紅色，綠色的互補色是洋紅，黃色的互補色是藍色。
幾何錯覺
大腦在判斷「大小」和「長度」上也差不多隨便。(・ω・)
Ponzo 透視錯覺
上方的黃色橫線看起來是不是比下方的長？其實兩條線完全一樣長。
這個錯覺由義大利心理學家 Mario Ponzo 在 1911 年提出。
鐵軌向遠方匯聚營造出透視感，大腦會根據透視線索推斷「遠處的物體看起來這麼大，實際上一定更大」，於是擅自認定上方的線更長。
Ebbinghaus 大小錯覺
左邊的橘色圓看起來是不是比右邊的小？被大東西包圍就覺得自己小，被小東西包圍就覺得自己大。
這個錯覺以德國心理學家 Hermann Ebbinghaus 命名。
大腦在判斷物體大小時，也會拿它和周圍的東西做比較。
大圓包圍 → 中心圓看起來小。
小圓包圍 → 中心圓看起來大。
路人：「難怪站在你旁邊會顯瘦 ◝( •ω• )◟」
鱈魚：「你今天是來找碴的嗎？(ﾟ皿ﾟ)」
Müller-Lyer 箭頭錯覺
上面那條線看起來是不是比下面那條長？（不包含箭頭部分）
這個錯覺由德國社會學家 Franz Carl Müller-Lyer 在 1889 年提出，是最早有系統研究的幾何錯覺之一。
向外張開的箭頭讓視線往外延伸，大腦就覺得「這條線很長」。
向內收縮的箭頭把視線往回拉，大腦就覺得「這條線比較短」。
有個有趣的研究發現，生活在「盒子型建築」環境裡的人（就是現代都市人）比較容易被這個錯覺騙到。
可能是因為我們太習慣用直角來判斷距離了。
Jastrow 弧形錯覺
下面的弧形看起來是不是比上面的大？同樣的形狀，只是擺放位置不同，感覺就完全不一樣。
這個錯覺由美國心理學家 Joseph Jastrow 在 1892 年發現。
上面弧形的短邊（內弧）緊鄰下面弧形的長邊（外弧），大腦在兩者交界處做比較時，就會覺得下面的比較大。
鱈魚：「同事質疑我的披薩片特別大塊時，只要說是 Jastrow 錯覺，大家馬上就理解了！( •̀ ω •́ )✧」
路人：「我覺得他們只是覺得你沒救了 (´・ω・`)」
咖啡牆錯覺
下面的水平線看起來是不是歪歪斜斜的？但它們全部是水平的平行線。
1979 年，英國布里斯托的研究者 Richard Gregory 在一家咖啡館的牆壁磁磚上發現了這個現象，所以才叫 Café Wall。
黑白磚塊的交錯排列配上灰色的間隔線，讓大腦誤判了線條的角度。
把磚塊拿掉，線就乖乖變回水平了。(・ิω・ิ)
Zöllner 平行線錯覺
長線看起來是平行的嗎？看起來東倒西歪的，但其實每一條都是完美的水平線。
這個錯覺由德國天體物理學家 Johann Karl Friedrich Zöllner 在 1860 年發現，是最早被記錄的幾何錯覺之一。
和咖啡牆類似，不過它是用交叉的短線製造干擾。
所以大腦為甚麼老是被騙？
會有這麼多錯覺是因為大腦不夠優秀嗎？其實這些錯覺反而是它強大的證明。(・∀・)９
鱈魚：「就像常常寫出 BUG，反而是強大的證明！(｢･ω･)｢」
同事：「？？？？('◉◞⊖◟◉` )」
視覺系統每秒要處理海量資訊，資料量之大，就像你那些只看的到 icon 的 Chrome 分頁一樣。ᕕ( ﾟ ∀。)ᕗ
如果每個像素都要精確分析，大腦早就當機了。
所以大腦發展出了一套「捷徑」系統，用各種經驗法則來快速解讀眼前的畫面。
這些捷徑在 99% 的日常情境下都非常好用，只有這些特殊情境才會變成誤判。
同事：「就跟你總是漏掉的測試案例一樣嗎？( ・ิω・ิ)」
鱈魚：「別提這種傷心事了。･ﾟ･(つд`ﾟ)･ﾟ･」
感謝您讀到這裡，如果您覺得有收穫，歡迎分享出去。
以上有任何錯誤或不清楚的地方，還請各位大大多多指教。( •̀ ω •́ )✧