視覺的謊言

為什麼你的眼睛會產生錯覺

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

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

「視錯覺」是什麼?

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

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

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

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

● 繆勒萊耶錯覺

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

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

● 菲克錯覺

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

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

● 艾賓浩斯錯覺

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

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

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

● 左輕右重

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

● 上輕下重

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

● 橫重直輕

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

● 幾何錯覺

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

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

1. 大小的調整

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

2. 對齊的調整

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

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

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


專業講師 - ROCKER
瘋狂的搖滾怪咖,在視覺傳達這個領域,擁有豐富多元的經驗,是專業級的設計講師以及品牌策略行銷顧問。創辦過文創設計品牌,並舉辦過多場設計交流講座及展覽。教學經驗豐富,風格幽默有趣、是你學習設計思考的最佳指導夥伴。