視覺的謊言 - 為什麼你的眼睛會產生錯覺

隨著科技的進步，不管是設計廣告稿或簡報，只要在進行版面設計時，我們都習慣使用電腦軟體裡的「對齊工具」，去做內容文字、圖案的對齊動作，因為這樣最簡單、快速、方便。

但你有發現嗎？其實很多時候，就算用了電腦的對齊工具，看起來好像還是會偏了一點，視覺上依然無法真正的對齊，這種特別的現象，就稱之為「視錯覺」。

「視錯覺」是什麼？

正常情況下，當人類眼睛直視正前方的時候，只有視線範圍的中間位置，是最清楚的，而視線範圍兩邊，相對就會是模糊的，同時也較容易產生「視錯覺」的現象。

因為當我們的眼睛看到畫面之後，會將視覺訊息透過神經傳遞到大腦，接著大腦便會進行綜合性的比對、分析，然後做出正確的判斷，但是當訊息不夠充足，或者錯誤、受到干擾，就會出現「視覺上的形態」與「客觀物理上的形態」不一致的「視錯覺」現象。

而在版面設計中，最容易受到「視錯覺」影響的部份，就是內容對齊、字體大小以及間距。

接下來，就讓我們一起來看看，各種常見的「視錯覺」現象：

● 繆勒萊耶錯覺

長度相等的2條直線，將端點加上方向不同的箭頭，箭頭向外的線看起來會比較長。

這種錯覺是因為受到「神經抑制作用理論」的影響，當兩輪廓相近擺放時，視網膜上相鄰的神經團相互抑制，讓線段產生了位移，使得箭頭向外的線段看起來較延伸。

● 菲克錯覺

水平線跟垂直線的長度相等，但垂直線看起來會比較長。

這種錯覺是因為人類視覺的中心點，在這畫面的中間位置，而垂直線與水平線的連接處，讓人感覺到水平線好像被分成一半，因此垂直線看起來就會比較長。

● 艾賓浩斯錯覺

2邊中間圓形的大小相同，但被小圓形圍繞的圓形看起來會比較大。

這種錯覺是因為有了不同的對比，導致視覺產生偏差，大小相同的圓形，被小圓形圍繞的，看起來感覺較大，被大圓形圍繞的，看起來就會感覺較小。

學會了一些常見的視錯覺之後，接著我們要來看看，有關於幾何的視錯覺：

● 左輕右重

2個相同大小的方形，一起做水平排列，人類會自然的由左至右來觀看，而眼睛的第一感知，通常會比最後的感知快速，因此在視覺產生了對比之後，左邊的方形看起來，就會比右邊的方形窄一點。

● 上輕下重

2個相同大小的方形，一起做垂直排列，人類的視覺重心，通常會放在2個方形的中間偏下一些，因此對上面的方形，視覺感知較弱，所以會覺得下面的方形較大、較重，甚至還會覺得顏色較深。

● 橫重直輕

2個相同大小的方形，一橫一直的排列，橫向的方形，會給人厚重的感覺，直向的方形，則會給人瘦長的感覺，所以橫向的方形，在視覺上看起來會比較寬、比較重。

● 幾何錯覺

3個相同大小，但不同形狀的幾何圖形，由於形狀的不同，導致視覺面積的大小不同。

例如，畫面中的圓形、三角形都有留白的部份，只有方形的視覺面積是填滿的，所以方形看起來會比圓形、三角形還要大。

1. 大小的調整

以方形為基礎，將圓形、三角形放大，根據圓形、三角形所缺少的視覺面積，去做補足的動作，使視覺面積達到平衡，就能讓圖形看起來一樣大。

2. 對齊的調整

如果是直向排列的靠左對齊，一樣以方形為基礎，將圓形、三角形往左移動，根據圓形、三角形所缺少的視覺面積，去做補足的動作，使圖形達到視覺上的對齊。

現在我們可以知道，「對齊」最需要注意的，就是該元素在視覺上的面積大小！

因此，如果你想要創造出優秀的版面設計，一定要在使用完對齊工具之後，繼續用眼睛視覺來做微調，才能使內容更加合理、順暢，版面更加精美、完整。