視覺的謊言 - CJC 設計實驗室
文章推薦指數: 80 %
2個相同大小的方形,一起做水平排列,人類會自然的由左至右來觀看,而眼睛的第一感知,通常會比最後的感知快速,因此在視覺產生了對比之後,左邊的方形看起來,就會比右邊 ...
視覺的謊言
為什麼你的眼睛會產生錯覺
隨著科技的進步,不管是設計廣告稿或簡報,只要在進行版面設計時,我們都習慣使用電腦軟體裡的「對齊工具」,去做內容文字、圖案的對齊動作,因為這樣最簡單、快速、方便。
但你有發現嗎?其實很多時候,就算用了電腦的對齊工具,看起來好像還是會偏了一點,視覺上依然無法真正的對齊,這種特別的現象,就稱之為「視錯覺」。
「視錯覺」是什麼?
正常情況下,當人類眼睛直視正前方的時候,只有視線範圍的中間位置,是最清楚的,而視線範圍兩邊,相對就會是模糊的,同時也較容易產生「視錯覺」的現象。
因為當我們的眼睛看到畫面之後,會將視覺訊息透過神經傳遞到大腦,接著大腦便會進行綜合性的比對、分析,然後做出正確的判斷,但是當訊息不夠充足,或者錯誤、受到干擾,就會出現「視覺上的形態」與「客觀物理上的形態」不一致的「視錯覺」現象。
而在版面設計中,最容易受到「視錯覺」影響的部份,就是內容對齊、字體大小以及間距。
接下來,就讓我們一起來看看,各種常見的「視錯覺」現象:
●繆勒萊耶錯覺
長度相等的2條直線,將端點加上方向不同的箭頭,箭頭向外的線看起來會比較長。
這種錯覺是因為受到「神經抑制作用理論」的影響,當兩輪廓相近擺放時,視網膜上相鄰的神經團相互抑制,讓線段產生了位移,使得箭頭向外的線段看起來較延伸。
●菲克錯覺
水平線跟垂直線的長度相等,但垂直線看起來會比較長。
這種錯覺是因為人類視覺的中心點,在這畫面的中間位置,而垂直線與水平線的連接處,讓人感覺到水平線好像被分成一半,因此垂直線看起來就會比較長。
●艾賓浩斯錯覺
2邊中間圓形的大小相同,但被小圓形圍繞的圓形看起來會比較大。
這種錯覺是因為有了不同的對比,導致視覺產生偏差,大小相同的圓形,被小圓形圍繞的,看起來感覺較大,被大圓形圍繞的,看起來就會感覺較小。
學會了一些常見的視錯覺之後,接著我們要來看看,有關於幾何的視錯覺:
●左輕右重
2個相同大小的方形,一起做水平排列,人類會自然的由左至右來觀看,而眼睛的第一感知,通常會比最後的感知快速,因此在視覺產生了對比之後,左邊的方形看起來,就會比右邊的方形窄一點。
●上輕下重
2個相同大小的方形,一起做垂直排列,人類的視覺重心,通常會放在2個方形的中間偏下一些,因此對上面的方形,視覺感知較弱,所以會覺得下面的方形較大、較重,甚至還會覺得顏色較深。
●橫重直輕
2個相同大小的方形,一橫一直的排列,橫向的方形,會給人厚重的感覺,直向的方形,則會給人瘦長的感覺,所以橫向的方形,在視覺上看起來會比較寬、比較重。
●幾何錯覺
3個相同大小,但不同形狀的幾何圖形,由於形狀的不同,導致視覺面積的大小不同。
例如,畫面中的圓形、三角形都有留白的部份,只有方形的視覺面積是填滿的,所以方形看起來會比圓形、三角形還要大。
1.大小的調整
以方形為基礎,將圓形、三角形放大,根據圓形、三角形所缺少的視覺面積,去做補足的動作,使視覺面積達到平衡,就能讓圖形看起來一樣大。
2.對齊的調整
如果是直向排列的靠左對齊,一樣以方形為基礎,將圓形、三角形往左移動,根據圓形、三角形所缺少的視覺面積,去做補足的動作,使圖形達到視覺上的對齊。
現在我們可以知道,「對齊」最需要注意的,就是該元素在視覺上的面積大小!
因此,如果你想要創造出優秀的版面設計,一定要在使用完對齊工具之後,繼續用眼睛視覺來做微調,才能使內容更加合理、順暢,版面更加精美、完整。
專業講師-ROCKER
瘋狂的搖滾怪咖,在視覺傳達這個領域,擁有豐富多元的經驗,是專業級的設計講師以及品牌策略行銷顧問。
創辦過文創設計品牌,並舉辦過多場設計交流講座及展覽。
教學經驗豐富,風格幽默有趣、是你學習設計思考的最佳指導夥伴。
延伸文章資訊
- 1視覺差 - Fiery Help and Documentation
針對色彩量測,視覺差百分比是一種評估校正精確度的方便指標。 量測資料會以紙張相關的密度單位顯示(狀態T)。Fieryサーバー會使用Murray-Davies 公式來計算視覺差 ...
- 2視覺的謊言 - CJC 設計實驗室
2個相同大小的方形,一起做水平排列,人類會自然的由左至右來觀看,而眼睛的第一感知,通常會比最後的感知快速,因此在視覺產生了對比之後,左邊的方形看起來,就會比右邊 ...
- 3視覺差看完這14 張圖,你還敢相信自己的眼睛嗎 - 壹讀
俗話說:眼見為實,通常眼睛看到的東西就是真實的,眼睛也是我們最信任的一種器官之一,可是下面哈好網小編要為大家分享的一組圖可能會讓大家有視覺 ...
- 4視錯覺- 维基百科,自由的百科全书
视错觉(英語:Optical illusion),是指通过几何排列、视觉成像规律等手段,製作有「视觉欺骗」成分的图像进行眼球欺骗,引起的视觉上的错觉,达到艺术或者类似魔术般 ...
- 5視覺差 - Fiery Help and Documentation
針對色彩量測,視覺差百分比是一種評估校正精確度的方便指標。 量測資料會以紙張相關的密度單位顯示(狀態T)。Fiery Server會使用Murray-Davies 公式來計算視覺差 ...