狠狠干2017,九色综合伊人久久富二代,99午夜

相信你在平常生活或工作中遇到過(guò)一些神奇的場(chǎng)景，這些場(chǎng)景會(huì)讓人產(chǎn)生一些視覺(jué)上的錯(cuò)覺(jué)，那么究竟是什么原因?qū)е碌倪@些錯(cuò)覺(jué)呢？作者在文章中介紹了 11 種視錯(cuò)覺(jué)：

1. 三角形分割錯(cuò)覺(jué)（Triangle-bisection Illusion）

2. 垂直中線錯(cuò)覺(jué) (Vertical Horizontal Illusion)

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

4. 赫林錯(cuò)覺(jué) (Hering Illusion)

5. 赫爾曼網(wǎng)格 (Hermann Grid)

6. 同時(shí)對(duì)比錯(cuò)覺(jué) (Simultaneous Contrast Illusion)

7. 蒙克·懷特錯(cuò)覺(jué) (Munker-White Illusion)

8. 水彩錯(cuò)覺(jué) (Water Colour Illusion)

9. 賈斯特羅錯(cuò)覺(jué) (Jastrow Illusion)

10. 康士維錯(cuò)覺(jué) (Cornsweet Illusion)

11. 繆勒-里爾錯(cuò)覺(jué) (Müller-Lyer Illusion)

1. 三角形分割錯(cuò)覺(jué)

Triangle-bisection Illusion

▲ 根據(jù)中心點(diǎn)對(duì)齊的三角形

圖標(biāo)可能會(huì)欺騙你的眼睛，尤其是那些具有復(fù)雜幾何形狀和特殊比例的圖標(biāo)。并非所有圖標(biāo)都是對(duì)稱(chēng)的，某些圖標(biāo)的像素還有缺失，也不是所有圖標(biāo)都會(huì)保持一致的寬高比。有些圖標(biāo)需要手動(dòng)進(jìn)行調(diào)整，最為常見(jiàn)的就是播放器的三角形圖標(biāo)。

將三角形放在圓角或直角的容器中會(huì)使該元素在視覺(jué)上看起來(lái)不平衡。造成這種現(xiàn)象是，由于一種被稱(chēng)為「三角形分割錯(cuò)覺(jué)」的影響。三角形的重心是根據(jù)其最小邊界框計(jì)算的。因此，如果你只是用對(duì)齊工具，把三角形放在矩形的中間對(duì)齊，那么在視覺(jué)上看就會(huì)很難受。

▲ 哪個(gè)是數(shù)學(xué)上的居中呢？

有兩個(gè)理論可以解釋這種視錯(cuò)覺(jué)：

· 不合適的恒定比例

這個(gè)錯(cuò)覺(jué)包含的透視會(huì)增加較遠(yuǎn)物體的感知尺寸，例如一個(gè)等邊三角形可能被視為透視圖，頂部的頂點(diǎn)位于無(wú)窮遠(yuǎn)，底部是距離你最近的部分。

· 重心/區(qū)域中心

如果要求觀察者找到中點(diǎn)，結(jié)果一般都是會(huì)找到重心，重心的上下區(qū)域相等。等邊三角形的重心在他的中點(diǎn)下方，有證據(jù)表明觀察者會(huì)在兩者之間妥協(xié)抉擇。

為了使矩形中的三角形視覺(jué)居中，你需要找到幾何中心（重心），三角形的三條中點(diǎn)的連線交點(diǎn)即為重心。

2. 垂直水平錯(cuò)覺(jué)

Vertical Horizontal Illusion

▲ 垂直水平幻覺(jué)

正方形是任何設(shè)計(jì)系統(tǒng)的基本組成元件。在材料設(shè)計(jì)卡、Facebook 帖子、Pinterest 和 Dribbble 中可以看到正方形的身影。

在 Sketch 中把正方形畫(huà)出來(lái)后，有時(shí)你可能會(huì)仔細(xì)檢查一下每條邊是否相等。如果看到近距離仔細(xì)查看，垂直的邊看起來(lái)似乎會(huì)比水平邊要長(zhǎng)一些，更像一個(gè)長(zhǎng)方形！但實(shí)際上，這是一個(gè)完美的 1：1 正方形。這就是「垂直水平錯(cuò)覺(jué)」。

▲ Facebook 帖子中的圖片為 1:1 正方形

真正令人著迷的是，具有不同的文化以及性別的人對(duì)這種視錯(cuò)覺(jué)的感知都不同。居住在發(fā)達(dá)城市中的人比居住在農(nóng)村地區(qū)的人更容易受到影響。這是因?yàn)檗r(nóng)村地區(qū)的人們更習(xí)慣于住在圓形房屋中。

3. 馬赫帶效應(yīng)

Mach Bands

在平面設(shè)計(jì)領(lǐng)域，將類(lèi)似的一組顏色彼此相鄰放置是一種很常見(jiàn)的設(shè)計(jì)。仔細(xì)觀察，你可能已經(jīng)注意到一個(gè) “并不存在” 的陰影出現(xiàn)在兩個(gè)對(duì)比色塊相接的邊緣。這種視錯(cuò)覺(jué)被稱(chēng)為「馬赫帶效應(yīng)」。圖像并沒(méi)有加入陰影，只是我們的眼睛產(chǎn)生了錯(cuò)覺(jué)。

▲ 每行的邊之間出現(xiàn)陰影

從技術(shù)層面解釋這個(gè)現(xiàn)象，是由于側(cè)向抑制，通俗的說(shuō)就是暗的一側(cè)會(huì)顯得更暗，而較亮的一側(cè)會(huì)顯得更亮。

盡管馬赫帶效應(yīng)在視覺(jué)設(shè)計(jì)中相當(dāng)微妙，但要證明它的影響力，可能是牙科醫(yī)生的真正障礙。牙齒的 X 射線可以產(chǎn)生灰度圖像，用于分析異常的強(qiáng)度變化。如果不能正確識(shí)別，馬赫帶效應(yīng)可能會(huì)帶來(lái)誤診。

4. 赫林錯(cuò)覺(jué)

Hering Illusion

你是否遇到過(guò)這種 logo，其中包含非常細(xì)的線條，或是布滿小點(diǎn)的背景圖，在你滾動(dòng)時(shí)它看起來(lái)像是在移動(dòng)或者像脈搏一樣跳動(dòng)？觀察上面的由跳動(dòng)線條組成的畫(huà)面，感覺(jué)如何？這是由于稱(chēng)為「莫列波紋」的混疊效應(yīng)引發(fā)的，其中兩個(gè)網(wǎng)格圖案彼此重疊，一旦移動(dòng)就會(huì)產(chǎn)生錯(cuò)覺(jué)運(yùn)動(dòng)。

▲ 上下滾動(dòng)以查看震動(dòng)效果

這是一個(gè)非常酷的效果，盡管莫列波紋本身并不是視覺(jué)錯(cuò)覺(jué)，但它是一種干涉現(xiàn)象。Sonos 的標(biāo)志就是運(yùn)用列莫列波紋和赫林錯(cuò)覺(jué)的一個(gè)組合效果，這種效果在歐普藝術(shù)中相當(dāng)流行。

5. 赫爾曼網(wǎng)格

Hermann Grid

赫爾曼網(wǎng)格錯(cuò)覺(jué)非常常見(jiàn)，并且可在高對(duì)比度背景上的正方形網(wǎng)格中看出。直接觀察任意正方形，在正方形的相交處會(huì)產(chǎn)生像幽靈一樣的斑點(diǎn)。如果直接看相交處，斑點(diǎn)就會(huì)消失。

▲ 觀察十字交叉的地方時(shí)會(huì)出現(xiàn)灰點(diǎn)

產(chǎn)生這種視錯(cuò)覺(jué)效應(yīng)的原因是由于側(cè)抑制。簡(jiǎn)而言之，它是興奮狀態(tài)的神經(jīng)元，可以削弱周?chē)窠?jīng)元的視覺(jué)訊號(hào)。

6. 同時(shí)對(duì)比錯(cuò)覺(jué)

Simultaneous Contrast Illusion

將兩個(gè)相同顏色的對(duì)象放在不同對(duì)比度的背景上，會(huì)使兩個(gè)對(duì)象看起來(lái)變成不同的顏色。在視覺(jué)設(shè)計(jì)中，這種現(xiàn)象被稱(chēng)為同時(shí)對(duì)比錯(cuò)覺(jué)，但對(duì)不同的人來(lái)說(shuō)，感知的程度也會(huì)有差異。

▲ 兩個(gè)文本顏色實(shí)際上是一樣的，但放置在不同顏色背景上顯得差異很大

不幸的是，對(duì)于這種錯(cuò)覺(jué)產(chǎn)生的原因還沒(méi)有一個(gè)可靠的理論，但是大量的研究可以推測(cè)這種錯(cuò)覺(jué)，側(cè)抑制就可能是這個(gè)現(xiàn)象的成因之一。

7. 蒙克 · 懷特錯(cuò)覺(jué)

Munker-White Illusion

這種錯(cuò)覺(jué)是相當(dāng)微妙的，但仍然很有趣！看上面的 GIF，左側(cè)的紫色塊看起來(lái)比右側(cè)的紫色塊更亮。而一旦把干擾色塊去掉，就會(huì)發(fā)現(xiàn)這兩邊不同色塊其實(shí)顏色一樣。

▲ 灰線在淺色背景上顯得很暗，但在深色背景上會(huì)顯得很亮

究其原因，蒙克·懷特錯(cuò)覺(jué)的成因是......你猜對(duì)了，側(cè)抑制。

8. 水彩錯(cuò)覺(jué)

Water Colour Illusion

有時(shí)我會(huì)在對(duì)象上添加邊框，明明背景色沒(méi)有動(dòng)過(guò)，但卻發(fā)現(xiàn)背景好像也有了顏色。然后我問(wèn)自己：“我什么時(shí)候也調(diào)過(guò)背景顏色了？”。如果仔細(xì)觀察，你可能會(huì)注意到，根據(jù)邊框顏色，淺色區(qū)域會(huì)根據(jù)周?chē)吔珙伾尸F(xiàn)出。如果你用 ps 吸色可能會(huì)驚訝地發(fā)現(xiàn)，邊框內(nèi)的顏色實(shí)際上是白色的。

這種視覺(jué)現(xiàn)象被稱(chēng)為 “水彩錯(cuò)覺(jué)”，它取決于邊框線的亮度和顏色對(duì)比度的組合，以便產(chǎn)生顏色擴(kuò)散效果。

▲ 按鈕內(nèi)的白色區(qū)域根據(jù)邊框的顏色呈現(xiàn)出淡淡的色彩

我承認(rèn)這種錯(cuò)覺(jué)讓我困惑了很多次，以至于我不得不拿出拾色器來(lái)檢查。

9. 賈斯特羅錯(cuò)覺(jué)

Jastrow Illusion

無(wú)論是插圖還是 Logo，在處理的過(guò)程中可能需要切割出不同的形狀，這種錯(cuò)覺(jué)就發(fā)生在彎曲物體時(shí)。這兩個(gè)元素的大小不同，但仔細(xì)檢查，它們實(shí)際上是完全相同的大小。

▲ 在創(chuàng)建過(guò)程中會(huì)看到這種錯(cuò)覺(jué)，因?yàn)槟承┫嗤瑥澢倪吘壙雌饋?lái)可能比其它邊緣小

這怎么可能？好吧，這就是所謂的「賈斯特羅幻覺(jué)」，對(duì)于為什么我們會(huì)感知到不同大小的片段，沒(méi)有確切的解釋。一種解釋是，我們的大腦對(duì)于較大半徑和較小半徑之間的大小差異感到困惑。換句話說(shuō)，短邊使長(zhǎng)邊顯得更長(zhǎng)，而長(zhǎng)邊使短邊顯得更短。

10. 康士維錯(cuò)覺(jué)

Cornsweet Illusion

除了同時(shí)對(duì)比度和馬赫帶錯(cuò)覺(jué)外，康士維錯(cuò)覺(jué)還使用了漸變，同時(shí)使用中心線來(lái)創(chuàng)建一個(gè)畫(huà)面，即畫(huà)面的一側(cè)看起來(lái)比另一側(cè)更暗。但實(shí)際上，這兩個(gè)部分的亮度是相同的！你可以發(fā)現(xiàn)，當(dāng)兩個(gè)部分平行放置時(shí)，兩面實(shí)際上是相同的顏色和亮度。

▲ 每個(gè)菱形的漸變顏色都是一樣的，但它們的顏色（從上到下）似乎變得越來(lái)越暗

這種幻覺(jué)產(chǎn)生與上述兩種幻覺(jué)有相似的效果，但實(shí)際上在兩個(gè)重要方面有所不同：

· 在前面展示的馬赫帶示例中，這種影響只在靠近每一個(gè)陰影邊界的區(qū)域可見(jiàn)。然而，康士維錯(cuò)覺(jué)影響了用戶(hù)對(duì)于整個(gè)區(qū)域的感知。

· 使用康士維錯(cuò)覺(jué)，邊緣的淺色會(huì)看起來(lái)更亮，而邊緣的深色部分看起來(lái)會(huì)更暗，這與通常的對(duì)比效果相反。

11. 繆勒-里爾錯(cuò)覺(jué)

Müller-Lyer Illusion

字體設(shè)計(jì)師會(huì)明白，設(shè)計(jì)字體需要更多的依賴(lài)于設(shè)計(jì)直覺(jué)，而不是邏輯思維。根據(jù)每一個(gè)字符的度量高度對(duì)齊進(jìn)行數(shù)學(xué)定位，將使整個(gè)單詞在視覺(jué)感知方面顯得不成比例。在字體力學(xué)中，一個(gè)常見(jiàn)的實(shí)踐涉及一個(gè)稱(chēng)為“視覺(jué)矯正”的過(guò)程。簡(jiǎn)單地說(shuō)，矯正就是調(diào)整單個(gè)字符的大小以實(shí)現(xiàn)視覺(jué)平衡的過(guò)程。

▲ 在沒(méi)有調(diào)整之前，Linked In 中的字母 “e” 和亞馬遜中的字母 “z” 在視覺(jué)上是不平衡的

看上面著名的標(biāo)志，有些字符在基線和高度上沒(méi)有齊平。字體設(shè)計(jì)師必須手動(dòng)對(duì)每個(gè)字符進(jìn)行調(diào)整才能獲得最佳視覺(jué)效果。

但為什么我們需要對(duì)字體進(jìn)行視覺(jué)矯正呢？

矯正之所以是必要的，就是因?yàn)榭娎?里爾錯(cuò)覺(jué)。這種視覺(jué)現(xiàn)象表明，在線段的每一端都放置一個(gè) V 形符號(hào)，根據(jù)線段的方向，可以使線段顯示的更短或更長(zhǎng)。這種經(jīng)典的錯(cuò)覺(jué)證明了人類(lèi)感知的不可靠性。

▲ 繆勒-里爾錯(cuò)覺(jué)

來(lái)源：We-Design

譯者：karin

原文：引自 Medium 文章《 11 Optical Illusions Found in Visual Design》

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶(hù)發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊舉報(bào)。

九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区