設計師需要了解的9種視覺(jué)錯覺(jué)發(fā)布者：本站     時(shí)間：2020-06-03 18:06:43

1. 三角形中心
你能找到三角形的中心么? 并非所有的圖標都是對稱(chēng)的，對于我們常見(jiàn)的播放按鈕圖標，找到視覺(jué)的中心實(shí)際上很困難。造成這種情況的原因是由于三角形分裂錯覺(jué)的效應，中心位于三條中線(xiàn)（頂點(diǎn)和對邊的中點(diǎn)的連線(xiàn)）交點(diǎn)，此點(diǎn)即為重心。



下面圖片光憑肉眼，你看得出來(lái)哪個(gè)版本是居中的嗎？

視覺(jué)錯覺(jué)

2. 垂直方向引起的錯覺(jué)
紅色的形狀是矩形么? 正方形是每個(gè)設計中的基本結構，在矩形內放置一個(gè)正方形，導致實(shí)際上在垂直方向上看起來(lái)更長(cháng)，盡管它實(shí)際上是一個(gè)正方形，這種現象稱(chēng)為垂直水平錯覺(jué)。

視覺(jué)錯覺(jué)

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

視覺(jué)錯覺(jué)

3. 馬赫帶效應
你能看到相鄰初的陰影么? 我們把同色的漸變相鄰放置在一起，你注意到了什么?是否會(huì )發(fā)現邊緣處的一個(gè)并不存在的陰影，這個(gè)視錯覺(jué)我們稱(chēng)作「馬赫帶」。其實(shí)圖像中并未加入 陰影，只是我們的眼睛產(chǎn)生了錯覺(jué)而已。

視覺(jué)錯覺(jué)

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

視覺(jué)錯覺(jué)

4. 赫林錯覺(jué)
兩條垂直線(xiàn)條看起來(lái)也會(huì )移動(dòng)嗎? 你有沒(méi)有見(jiàn)過(guò)類(lèi)似的網(wǎng)站，背景中包含極細的線(xiàn)條和一些點(diǎn)，當我們滾動(dòng)的時(shí)候，感覺(jué)那些線(xiàn)條和不動(dòng)的點(diǎn)都在跳動(dòng)。這就是郝林錯覺(jué)，兩條平行線(xiàn)因受斜線(xiàn)的影響呈現彎曲狀。還有我們常見(jiàn)的摩爾紋。

視覺(jué)錯覺(jué)

滾動(dòng)你的頁(yè)面，線(xiàn)條動(dòng)起來(lái)了嗎？

視覺(jué)錯覺(jué)

5. 赫爾曼柵格
你有注意到那些若隱若現的灰點(diǎn)么? 在周?chē)綁K的交叉處會(huì )產(chǎn)生幽靈般的灰點(diǎn)，當你嘗試轉向那個(gè)灰點(diǎn)時(shí)，它就神奇的消失了。這就是赫爾曼柵格。

視覺(jué)錯覺(jué)

觀(guān)察交叉點(diǎn)時(shí)會(huì )出現灰點(diǎn)。

視覺(jué)錯覺(jué)

6. 同時(shí)對比錯覺(jué)
你覺(jué)得分開(kāi)的方塊顏色相同么?最近的網(wǎng)頁(yè)設計中，垂直布局很受歡迎，如果將兩個(gè)相同顏色放置在不同的背景上，則兩個(gè)對象顏色看起來(lái)與實(shí)際不同，這種現象稱(chēng)為同時(shí)對比錯覺(jué)。

視覺(jué)錯覺(jué)

兩側的文字顏色其實(shí)完全相同。

視覺(jué)錯覺(jué)

7. 芒克白錯覺(jué)
兩個(gè)紫色的顏色相同么? 這種錯覺(jué)很微妙，但是非常有吸引力，看看上面的動(dòng)畫(huà)，你會(huì )發(fā)現左邊的紫色塊比右邊的紫色塊更亮，但實(shí)際上兩者都是一樣的。

視覺(jué)錯覺(jué)

灰色線(xiàn)條在淺色背景前顯得較暗，在黑色背景前顯得較淺。

視覺(jué)錯覺(jué)

8. 水彩錯覺(jué)
仔細觀(guān)察矩形內部的顏色是白色么? 你如果仔細看，可能注意到白色區域產(chǎn)生了與邊框相同的淡淡的投影。這種現象被稱(chēng)作「水彩錯覺(jué)」。

視覺(jué)錯覺(jué)

本來(lái)沒(méi)有色調的白色區域，因為邊框的顏色帶上了色調。

視覺(jué)錯覺(jué)

9. 康士維錯覺(jué)
兩個(gè)對象的顏色一樣么?漸變產(chǎn)生的印象會(huì )讓你感覺(jué)圖像的一側實(shí)際上比另一側更暗，但實(shí)際上，兩者都是相同的顏色。

視覺(jué)錯覺(jué)

每個(gè)菱形都具有相同的漸變，但它們看起來(lái)越來(lái)越暗。