天天看點

“一做就錯”的設計中的視錯覺

作者:良田設計

設計中經常會遇到一些錯覺,有一些藝術家更是刻意的制造出這些錯覺,這些錯覺大多利用人類大腦的一些習慣所創作的,但是無論如何,它們都是如此的令人着迷的存在。

“一做就錯”的設計中的視錯覺

1.馬赫帶

在平面設計領域,将類似的一組顔色彼此相鄰放置是一種很常見的設計。仔細觀察,你可能已經注意到一個 “并不存在” 的陰影出現在兩個對比色塊相接的邊緣。這種視錯覺被稱為「馬赫帶效應」。

“一做就錯”的設計中的視錯覺
“一做就錯”的設計中的視錯覺

每行的邊之間出現陰影:從技術層面解釋這個現象,是由于側向抑制,通俗的說就是暗的一側會顯得更暗,而較亮的一側會顯得更亮。

2. 赫爾曼網格

“一做就錯”的設計中的視錯覺

赫爾曼網格錯覺非常常見,并且可在高對比度背景上的正方形網格中看出。直接觀察任意正方形,在正方形的相交處會産生像幽靈一樣的斑點。如果直接看相交處,斑點就會消失。

“一做就錯”的設計中的視錯覺

觀察十字交叉的地方時會出現灰點:簡而言之,它是興奮狀态的神經元,可以削弱周圍神經元的視覺訊号。

3.同時對比錯覺

“一做就錯”的設計中的視錯覺

将兩個相同顔色的對象放在不同對比度的背景上,會使兩個對象看起來變成不同的顔色。在視覺設計中,這種現象被稱為同時對比錯覺,但對不同的人來說,感覺的程度也會有差異。

“一做就錯”的設計中的視錯覺

兩個文本顔色實際上是一樣的,但放置在不同顔色背景上顯得差異很大。不幸的是,對于這種錯覺産生的原因還沒有一個可靠的理論,但是大量的研究可以推測這種錯覺,側抑制就可能是這個現象的成因之一。

“一做就錯”的設計中的視錯覺
“一做就錯”的設計中的視錯覺

4.蒙克 · 懷特錯覺

“一做就錯”的設計中的視錯覺

這種錯覺是相當微妙的,但仍然很有趣!看上面的 GIF,左側的紫色塊看起來比右側的紫色塊更亮。而一旦把幹擾色塊去掉,就會發現這兩邊不同色塊其實顔色一樣。

“一做就錯”的設計中的視錯覺

灰線在淺色背景上顯得很暗,但在深色背景上會顯得很亮。

5.康士維錯覺

兩個矩形的顔色一樣麼?漸變産生的印象會讓你感覺圖像的一側實際上比另一側更暗,但實際上,兩者都是相同的顔色。

“一做就錯”的設計中的視錯覺

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

“一做就錯”的設計中的視錯覺

6.米勒-萊爾錯覺

字型設計時若遵循數學意義的精确,基于它的公制高度,會使得整個單詞視覺上顯得不成比例。簡而言之,所謂補正即重新調整單獨字型大小,以求得視覺效果上的平衡感

“一做就錯”的設計中的視錯覺

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

“一做就錯”的設計中的視錯覺
“一做就錯”的設計中的視錯覺
“一做就錯”的設計中的視錯覺

7.賈斯特羅錯覺

“一做就錯”的設計中的視錯覺

無論是插圖還是 Logo,在處理的過程中可能需要切割出不同的形狀,這種錯覺就發生在彎曲物體時。這兩個元素的大小不同,但仔細檢查,它們實際上是完全相同的大小。

“一做就錯”的設計中的視錯覺

這種錯覺是在創作過程中看到的,因為一些相同的彎曲邊緣可能看起來比其他邊緣小

8.傾斜的道路的錯覺

“一做就錯”的設計中的視錯覺

這兩張照片看上去就像是兩個不同角度拍攝下的一條道路。但實際上,這兩張照片是一模一樣的。

9.動态的艾賓浩斯錯覺

這是一個屢屢能騙過大腦的錯覺,但實際上橙色圓圈根本沒有改變過尺寸。

“一做就錯”的設計中的視錯覺

10.星月夜

盯着上面圖檔的中心30秒鐘,然後再看下面梵高的星月夜,原本靜止的畫面會動起來。

“一做就錯”的設計中的視錯覺

這是動作後效(Motion aftereffect)的一個例子。當你盯着這個動态漩渦看時,你的視覺系統就會對這一可預測的運動作補償,好讓你就更快忽略這種動态刺激。

11.藍咖啡館牆壁的錯覺

信不信由你,圖中每一條水準線都是完全互相平行的。要證明這一點,你隻需要斜視或者從側面入視圖像。

“一做就錯”的設計中的視錯覺
“一做就錯”的設計中的視錯覺

12.五彩紙屑

這是芒克-懷特錯覺一種光學戲法,主要表現在黑白灰色的變種。其實圖像中每一個圓圈的顔色都是相同的,唯一不同的隻有圓圈周圍線條的顔色。

“一做就錯”的設計中的視錯覺
“一做就錯”的設計中的視錯覺
“一做就錯”的設計中的視錯覺