眼見為實？你被眼睛欺騙的10個真相

俗話說：「眼見為實」，但眼睛真的不會欺騙你嘛？來看看設計中常見的10個視錯覺！下次甲方再懷疑你的專業能力，隨便拿一個給他看

1. 三角形中心

你能找到三角形的中心麽?

並非所有的圖示都是對稱的，比如我們常見的播放按鈕圖示

造成這種情況的原因是由於三角形分裂錯覺的效應，其實它的中心位於三條中線（頂點和對邊的中點的連線）交點

下面圖片光憑肉眼，你看得出來哪個版本是居中的嗎？

2. 垂直方向引起的錯覺

紅色的形狀是矩形麽?

正方形是每個設計中的基本結構，在矩形內放置一個正方形，導致實際上在垂直方向上看起來更長，儘管它實際上是一個正方形，這種現象稱為垂直水準錯覺

看得出 Facebook 帖子中的圖片是1：1的正方形嗎？

3. 馬赫帶效應

你能看到相鄰邊上的陰影麽?

我們把同色的漸變色塊相鄰放置在一起，你注意到了什麼?是否會發現邊緣處的一個並不存在的陰影，這個視錯覺我們稱作「馬赫帶」

其實影像中並未加入陰影，只是我們的眼睛產生了錯覺而已

「不存在」的陰影出現在每行的邊緣之間

4. 赫林錯覺

兩條垂直線條看起來也會移動嗎?

你有沒有見過類似的網站，背景中包含極細的線條和一些點，當我們滾動的時候，感覺那些線條和不動的點都在跳動

這就是郝林錯覺，兩條平行線因受斜線的影響呈現彎曲狀

滾動頁面，線條動起來了嗎？

5. 赫爾曼柵格

你有注意到那些若隱若現的灰點麽?

在周圍方塊的交叉處會出現若隱若現的灰點，當你嘗試轉向那個灰點時，它就神奇的消失了。這就是赫爾曼柵格

觀察交叉點時會出現灰點

6. 同時對比錯覺

你覺得分開的方塊顏色相同麽?

如果將兩個相同顏色放置在不同的背景上，則兩個對象顏色看起來有些不同，這種現象稱為同時對比錯覺

兩側的文字顏色其實完全相同

7. 芒克白錯覺

兩個紫色的顏色相同麽?

看看下面的動畫，你會發現左邊的紫色塊比右邊的更亮，但實際上兩者都是一樣的

灰色線條在淺色背景前顯得較暗，在黑色背景前顯得較淺

8. 水彩錯覺

仔細觀察矩形內部的顏色是白色麽?

你如果仔細看，可能注意到白色區域產生了與邊框相同的淡淡的投影。這種現象被稱作「水彩錯覺」

本來沒有色調的白色區域，因為邊框的顏色帶上了色調

9. 康士維錯覺

兩個矩形的顏色一樣麽?

漸變產生的印象會讓你感覺影像的一側實際上比另一側更暗，但實際上，兩者都是相同的顏色

每個菱形都具有相同的漸變，但它們看起來越來越暗

10、米勒-萊爾錯覺

字體設計時若遵循數學意義的精確，基於它的公製高度，會使得整個單詞視覺上顯得不成比例

關於「字體力學」的一個樣例中，引入了一個叫「視覺補正」的概念。簡而言之，所謂補正即重新調整單獨字體大小，以求得視覺效果上的平衡感

因為米勒-萊爾錯覺。這個視覺現象表明將一個V型記號放到線段兩端可能造成其顯得比實際更短或更長，(長短) 取決於V型記號的朝向。這個經典的錯覺證明了人類感知錯誤

開啟作圖神器