中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

作為設(shè)計(jì)師，可以利用視錯(cuò)幫助你創(chuàng)作出非常好的設(shè)計(jì)，也需要避免這些視錯(cuò)對你的設(shè)計(jì)造成不必要的麻煩。

不當(dāng)“大哥”好多年，已經(jīng)“老眼昏花”了

都說設(shè)計(jì)師要有雄鷹一般敏銳的眼睛，狼犬一樣靈敏的嗅覺，蝙蝠一樣聰敏的聽覺，獵豹一樣敏捷的動(dòng)作……額，對不起，這是“特種兵”。

不過，雄鷹一般敏銳的眼睛，確實(shí)是設(shè)計(jì)師必備的。因?yàn)槲覀冊O(shè)計(jì)師，每天都要處理像素級別的圖像任務(wù)。沒有敏銳的觀察力，怎么能勝任呢，是不是？

豆豆當(dāng)設(shè)計(jì)師很多年，在做設(shè)計(jì)的時(shí)候，總會(huì)碰到各種各樣神奇的視錯(cuò)現(xiàn)象。

你要問了，什么是視錯(cuò)？視覺錯(cuò)覺，簡稱視錯(cuò)，好理解了吧？視錯(cuò)現(xiàn)象，在設(shè)計(jì)當(dāng)中是非常常見的。你比方說，你要設(shè)計(jì)一個(gè)播放按鈕圖標(biāo)（icon），稍不注意就很容易造成視錯(cuò)，如果你按照正常的居中對齊來辦的話。

這就是典型的三角形二等分錯(cuò)覺（Triangle-bisection Illusion）。你知道三角形的重心在哪里嗎？

嗯，怎么說呢，你要知道：并不是所有的圖標(biāo)都是對稱的。有的圖標(biāo)需要設(shè)計(jì)師手動(dòng)調(diào)節(jié)，比如，這個(gè)讓人頭疼的播放按鈕！將一個(gè)三角形放在圓形或四邊形的邊框內(nèi)居中時(shí)，你會(huì)發(fā)現(xiàn)怎么都不能完全居中。其原因就是“三角形二等分錯(cuò)覺”。

通過上圖，我們就很容易理解這個(gè)“三角形二等分錯(cuò)覺”了。為了讓三角形在所處的邊框內(nèi)視覺上看上去居中，我們需要找到三角形的重心，而不是中心。找重心的方法就是三角形三個(gè)頂點(diǎn)和對邊的中點(diǎn)相連，得到的交點(diǎn)就是該三角形的重心。下面是計(jì)算公式：

額，很抱歉，我數(shù)學(xué)沒學(xué)好，看不懂……

簡單來說，就是：重心一般可以定位在每條邊和對面頂點(diǎn)連線的1/3處，這個(gè)方法適用于很多其他形狀。

垂直水平視錯(cuò) Vertical Horizontal Illusion

看上圖，問題來了：上圖里的是長方形還是正方形？（當(dāng)然，你看GIF動(dòng)圖一目了然……）

答案是：正方形。

那么，為什么畫出的正方形，看起來像是長方形呢？這就是我們在這里碰到的“垂直水平視錯(cuò)”問題。

正方形是任何設(shè)計(jì)系統(tǒng)的基礎(chǔ)形狀。在Material Design卡片式設(shè)計(jì)，F(xiàn)acebook的貼子，Pinterest的Pin和Dribbble的shots你都可以看到正方形的運(yùn)用。

在Sketch里按住shift畫出一個(gè)正方形，我總會(huì)再次確認(rèn)這個(gè)形狀的每個(gè)邊是否是相等的。如果你仔細(xì)看，垂直邊看起來比水平邊要長一些，更像一個(gè)長方形。但是，實(shí)際上，它是個(gè)完美的1:1的正方形，這就是“垂直水平視錯(cuò)”。

馬赫帶效應(yīng) Mach Bands

問你個(gè)問題：為什么相鄰色塊的邊緣處的顏色更深？

對我們設(shè)計(jì)師來說，這是常見的，不值得一提的問題，可是有多少設(shè)計(jì)師想過這個(gè)問題呢？可能，對你來說，這本就是理所當(dāng)然的，沒必要去想為什么。

扁平設(shè)計(jì)風(fēng)格非常流行的時(shí)候，在相鄰位置使用同色系的顏色也是一個(gè)普遍趨勢。仔細(xì)看上圖，你會(huì)感覺相鄰色塊的邊緣處的顏色更深，這種錯(cuò)覺就是“馬赫帶效應(yīng)”。其實(shí)圖像并沒有添加任何顏色效果，僅僅是我們的眼睛產(chǎn)生了錯(cuò)覺。

對這種視錯(cuò)現(xiàn)象的技術(shù)解釋叫作“側(cè)抑制”，（側(cè)抑制：是指相鄰的感受器之間能夠互相抑制的現(xiàn)象）。在這里就是說，顏色深的區(qū)域會(huì)看上去更深，而顏色淺的區(qū)域會(huì)看上去更淺。

雖然這種現(xiàn)象對視覺設(shè)計(jì)的影響微小，但是馬赫帶效應(yīng)在其他領(lǐng)域影響很大。比如，對于牙科醫(yī)生來說就是個(gè)大麻煩：牙齒的X射線產(chǎn)生的灰度圖用來分析牙齒的異常變化，而馬赫帶效應(yīng)會(huì)帶來引起假陽性診斷結(jié)果。

赫林錯(cuò)覺 Hering Illusion

你有沒有碰到過這種情況：有一個(gè)包含很多非常細(xì)的線條，或者一個(gè)背景有很多小點(diǎn)的圖片，當(dāng)你滾動(dòng)圖片的時(shí)候，那些線條和小點(diǎn)看上去像在移動(dòng)或者跳動(dòng)。又或者，你看的視頻中有一臺電視機(jī)在里面播放波浪線，那些波浪線看上去是不是在動(dòng)？

如果你碰到過這種情況，那是因?yàn)橐环N叫作“摩爾紋”的干涉效應(yīng)：兩個(gè)網(wǎng)格圖案相互重疊，一旦圖案移動(dòng)會(huì)產(chǎn)生網(wǎng)格移動(dòng)的錯(cuò)覺。

這是一種很酷的效應(yīng)。不過，摩爾紋本身并不是一種光學(xué)錯(cuò)覺，它是一種干涉現(xiàn)象，這種技巧在波普藝術(shù)界頗受歡迎。

赫爾曼柵格 Hermann Grid

當(dāng)你看這些方形圖的時(shí)候，是不是感覺方形之間有圓形的點(diǎn)在閃現(xiàn)？

這就是赫爾曼柵格視錯(cuò)。這通常是由正方形的網(wǎng)格和強(qiáng)對比的背景構(gòu)成產(chǎn)生的。當(dāng)你盯著任何一個(gè)正方形看的時(shí)候，在所有正方形周圍的交叉區(qū)域會(huì)看到幽靈般的圓點(diǎn)。再盯著交叉區(qū)域看，圓點(diǎn)就會(huì)消失。

這個(gè)現(xiàn)象產(chǎn)生的原因也是“側(cè)抑制”。

同時(shí)對比視錯(cuò) Simultaneous Contrast Illustion

你看到的中間紫色矩形，如果沒有分開，你看到的就是一樣顏色的，是嗎？

可是，當(dāng)它們兩個(gè)左右分開以后，你才會(huì)發(fā)現(xiàn)：顏色根本不一樣。這是為什么？是我的眼睛出現(xiàn)問題了？

你的眼睛欺騙了你，這是“同時(shí)對比錯(cuò)覺”。將兩個(gè)相同顏色的物體放在不同的背景上會(huì)讓這兩個(gè)物體看上去是不一樣的顏色，這種現(xiàn)象被稱為“同時(shí)對比錯(cuò)覺”。就像下面這張圖里面藍(lán)色的字體。

對于這種現(xiàn)象暫時(shí)沒有一個(gè)可靠的理論解釋。不過，還是有大量的研究推測這種現(xiàn)象的原因。和赫爾曼柵格和馬赫帶效應(yīng)相同，側(cè)抑制也是原因之一。

Munker-White錯(cuò)覺 Munker-White Illusiion

你的眼睛，會(huì)欺騙你。就像我們上面剛剛說過的。

在這張圖里，你會(huì)感覺，左邊的紫色塊看起來比右邊的紫色塊更亮一些，其實(shí)呢，這兩個(gè)紫色塊的顏色是一樣的。為什么？

這種視錯(cuò)相當(dāng)微妙，但是卻很吸引人。

Munker-White錯(cuò)覺的原因是由于……你猜？沒錯(cuò)，還是“側(cè)抑制”。

上色錯(cuò)覺 Water Color Illusion

有幾次當(dāng)我給物體添加邊框以后，我就會(huì)自問“我什么時(shí)候把背景顏色也換了呢？”。如果你仔細(xì)看上圖，你會(huì)覺得淺色的區(qū)域有著淺淺的邊框的顏色。事實(shí)上，這些你認(rèn)為帶淺色的區(qū)域是白色的！

這種視覺現(xiàn)象被稱為“上色錯(cuò)覺”，邊框的亮度和顏色對比相結(jié)合，就產(chǎn)生了顏色擴(kuò)散的效果。

如果你拿不準(zhǔn)，就用拾色器來確定一下。

賈斯特羅錯(cuò)覺 Jastrow Illusion

大小，真的很重要嗎？

如果你設(shè)計(jì)過LOGO或者畫過插畫，就可能會(huì)用到分割各種形狀。當(dāng)碰到彎曲的形狀時(shí)，就會(huì)發(fā)生這種錯(cuò)覺：這兩個(gè)物體看起來不一樣大，但是仔細(xì)看，你會(huì)發(fā)現(xiàn)它們其實(shí)是一樣大小的！有意思吧？

這種現(xiàn)象被稱為“賈斯特羅錯(cuò)覺”，還沒有明確的解釋說明我們?yōu)槭裁磿?huì)感知到不一樣的大小。有一種解釋是說，我們大腦在遇到大小不同的半徑時(shí)會(huì)感到困惑。也就是說，短邊使長邊看起來更長，長邊讓短邊看起來更短。?（我暈了……）

康士維錯(cuò)覺 Cornsweet Illusion

除了“同時(shí)對比錯(cuò)覺”和“馬赫帶效應(yīng)”，“康士維錯(cuò)覺”使用漸變的同時(shí)也會(huì)造成假象：圖像的一邊比另一邊顏色更深。但是，事實(shí)上，兩塊的漸變是一樣的！當(dāng)兩塊豎直放置的時(shí)候，你就會(huì)發(fā)現(xiàn)這一點(diǎn)。

米勒-萊爾錯(cuò)覺 Muller-Lyer Illusion

不要以為，讓你產(chǎn)生錯(cuò)覺的只有圖形，文字也可以。

印刷工人很明白這一點(diǎn)，制作字體需要更多地依靠設(shè)計(jì)直覺，而不是邏輯思維。

如果按照實(shí)際的數(shù)學(xué)意義上的高度設(shè)計(jì)每一個(gè)字母，會(huì)使整個(gè)單詞看起來不成比例。在字體行業(yè)有一個(gè)“矯正”的過程。簡單來說，就是調(diào)整每一個(gè)字母使它們在視覺上看起來平衡的過程。

這些著名logo中的字母在水平線上并不完全齊平，字體設(shè)計(jì)師們需要手動(dòng)調(diào)整每一個(gè)字母使它們得到最好的結(jié)果。

但是為什么我們需要在字體中矯正呢？

之所以需要矯正，是因?yàn)檫@個(gè)世界著名的“米勒-萊爾錯(cuò)覺”。在線段的每一端放置一個(gè)箭頭形的圖形，根據(jù)箭頭的方向可以使線段看起來更短或更長。

寫在最后

設(shè)計(jì)師該不該相信自己的眼睛？

從以上的視錯(cuò)現(xiàn)象中，我們可以感覺到在我們的設(shè)計(jì)過程當(dāng)中，不要簡單的去憑常規(guī)判斷來做，你的眼睛有的時(shí)候會(huì)欺騙你的。

當(dāng)然，你可以利用視錯(cuò)幫助你創(chuàng)作出非常好的設(shè)計(jì)，也需要避免這些視錯(cuò)對你的設(shè)計(jì)造成不必要的麻煩。

如果喜歡，就分享給你第一個(gè)想起的人吧~

作者：DI雪峰（微信號公眾號：寫給設(shè)計(jì)），UI設(shè)計(jì)師，自媒體人，ZF16夢想季工作室主理人。

本文由 @DI雪峰 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于 CC0 協(xié)議