設(shè)計(jì)師需要了解的9種視覺錯(cuò)覺發(fā)布者:本站 時(shí)間:2020-06-03 18:06:43
1. 三角形中心
你能找到三角形的中心么? 并非所有的圖標(biāo)都是對(duì)稱的,對(duì)于我們常見的播放按鈕圖標(biāo),找到視覺的中心實(shí)際上很困難。造成這種情況的原因是由于三角形分裂錯(cuò)覺的效應(yīng),中心位于三條中線(頂點(diǎn)和對(duì)邊的中點(diǎn)的連線)交點(diǎn),此點(diǎn)即為重心。
下面圖片光憑肉眼,你看得出來哪個(gè)版本是居中的嗎?
視覺錯(cuò)覺
2. 垂直方向引起的錯(cuò)覺
紅色的形狀是矩形么? 正方形是每個(gè)設(shè)計(jì)中的基本結(jié)構(gòu),在矩形內(nèi)放置一個(gè)正方形,導(dǎo)致實(shí)際上在垂直方向上看起來更長(zhǎng),盡管它實(shí)際上是一個(gè)正方形,這種現(xiàn)象稱為垂直水平錯(cuò)覺。
視覺錯(cuò)覺
看得出 Facebook 帖子中的圖片是1:1的正方形嗎?
視覺錯(cuò)覺
3. 馬赫帶效應(yīng)
你能看到相鄰初的陰影么? 我們把同色的漸變相鄰放置在一起,你注意到了什么?是否會(huì)發(fā)現(xiàn)邊緣處的一個(gè)并不存在的陰影,這個(gè)視錯(cuò)覺我們稱作「馬赫帶」。其實(shí)圖像中并未加入 陰影,只是我們的眼睛產(chǎn)生了錯(cuò)覺而已。
視覺錯(cuò)覺
「不存在」的陰影出現(xiàn)在每行的邊緣之間。
視覺錯(cuò)覺
4. 赫林錯(cuò)覺
兩條垂直線條看起來也會(huì)移動(dòng)嗎? 你有沒有見過類似的網(wǎng)站,背景中包含極細(xì)的線條和一些點(diǎn),當(dāng)我們滾動(dòng)的時(shí)候,感覺那些線條和不動(dòng)的點(diǎn)都在跳動(dòng)。這就是郝林錯(cuò)覺,兩條平行線因受斜線的影響呈現(xiàn)彎曲狀。還有我們常見的摩爾紋。
視覺錯(cuò)覺
滾動(dòng)你的頁面,線條動(dòng)起來了嗎?
視覺錯(cuò)覺
5. 赫爾曼柵格
你有注意到那些若隱若現(xiàn)的灰點(diǎn)么? 在周圍方塊的交叉處會(huì)產(chǎn)生幽靈般的灰點(diǎn),當(dāng)你嘗試轉(zhuǎn)向那個(gè)灰點(diǎn)時(shí),它就神奇的消失了。這就是赫爾曼柵格。
視覺錯(cuò)覺
觀察交叉點(diǎn)時(shí)會(huì)出現(xiàn)灰點(diǎn)。
視覺錯(cuò)覺
6. 同時(shí)對(duì)比錯(cuò)覺
你覺得分開的方塊顏色相同么?最近的網(wǎng)頁設(shè)計(jì)中,垂直布局很受歡迎,如果將兩個(gè)相同顏色放置在不同的背景上,則兩個(gè)對(duì)象顏色看起來與實(shí)際不同,這種現(xiàn)象稱為同時(shí)對(duì)比錯(cuò)覺。
視覺錯(cuò)覺
兩側(cè)的文字顏色其實(shí)完全相同。
視覺錯(cuò)覺
7. 芒克白錯(cuò)覺
兩個(gè)紫色的顏色相同么? 這種錯(cuò)覺很微妙,但是非常有吸引力,看看上面的動(dòng)畫,你會(huì)發(fā)現(xiàn)左邊的紫色塊比右邊的紫色塊更亮,但實(shí)際上兩者都是一樣的。
視覺錯(cuò)覺
灰色線條在淺色背景前顯得較暗,在黑色背景前顯得較淺。
視覺錯(cuò)覺
8. 水彩錯(cuò)覺
仔細(xì)觀察矩形內(nèi)部的顏色是白色么? 你如果仔細(xì)看,可能注意到白色區(qū)域產(chǎn)生了與邊框相同的淡淡的投影。這種現(xiàn)象被稱作「水彩錯(cuò)覺」。
視覺錯(cuò)覺
本來沒有色調(diào)的白色區(qū)域,因?yàn)檫吙虻念伾珟狭松{(diào)。
視覺錯(cuò)覺
9. 康士維錯(cuò)覺
兩個(gè)對(duì)象的顏色一樣么?漸變產(chǎn)生的印象會(huì)讓你感覺圖像的一側(cè)實(shí)際上比另一側(cè)更暗,但實(shí)際上,兩者都是相同的顏色。
視覺錯(cuò)覺
每個(gè)菱形都具有相同的漸變,但它們看起來越來越暗。
選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強(qiáng)大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話:021-58370032
關(guān)鍵詞標(biāo)簽:上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)