?

全國統一服務熱線:18021770366

站內公告:

淮安市嘉瑞廣告有限公司主要提供廣告設計制作安裝服務以及網站制作,是一家經驗豐富的廣告設計制作公司,擁有十幾年廣告設計制作經驗!

聯系我們CONTACT

地址:淮安市翔宇大道1009號
熱線:0517-8588 1663
Q Q:34665706
郵箱:[email protected]

18021770366

新聞中心

當前位置:主頁 > 新聞中心 >

神奇而有趣:設計設計中的11個視覺錯覺

2019-12-11 點擊量:

在我做產品設計師的這些年里,在處理視覺效果的過程中遇到了很多讓我感到意外的事情。我寫這篇文章的目的是為了幫助大家理解為什么這些視覺“陷阱”會讓人感到困惑。可能一開始都沒有意識到這個問題,但當你做UI,logo,插畫等工作時,可能就會遇上許多。

所以,廢話不多說,嘉瑞廣告,下面列舉了作為視覺設計師經常會遇到的11個視覺錯覺

1、三角形分割錯覺(Triangle-Bisection Illusion)

神奇而有趣:設計中的11個視覺錯覺

圖標可能具有欺騙性,尤其是那些具有復雜形狀和奇數比例的圖標,并非所有圖標都是對稱的,像素完美或保持一致的縱橫比。有些圖標需要略微調整,最為常見的就是播放器的三角形圖標。

將三角形放在圓角或直角容器中會使得元素在視覺上看起來不平衡。造成這種現象的原因是一種被稱為“三角形分割錯覺”的效應(參考鏈接:http://anstislab.ucsd.edu/files/2012/11/2009-Triangle-bisection-.pdf)。三角形的重心是根據它的最小邊界框(參考鏈接:https://en.wikipedia.org/wiki/Minimum_bounding_box)計算的。所以,如果你只是用對齊工具,把三角形放在矩形的中間對齊,那么在視覺上看就會很難受。

神奇而有趣:設計中的11個視覺錯覺

哪一個版本是數學上的居中?

有兩種理論可以解釋這種視覺錯:

不合適的恒定標度

這種錯覺包含的透視會增加較遠物體的感知尺寸,嘉瑞廣告,例如等邊三角形可能被視為透視中看到的道路平面圖,頂部頂點位于無窮遠處,底部是道路的最近部分。

重心/中心

如果一個觀察者被要求找到中心點,他們最終會找到重心,重心的上下面積相等。一個等邊三角形的重心位于它的中點之下,有證據表明,觀察者做出的選擇是兩者之間的折中。

使三角形在其容器中找到視覺中心,你需要找到幾何中心(重心),三角形的三條中點的連線交點即為重心。也可以用下面這套公式來計算。

神奇而有趣:設計中的11個視覺錯覺

求三角形重心的公式

我只是開了一個玩笑,這不是一篇講幾何公式的文章,設計師不用怕,盡管這個公式是對的。

2. 垂直中線錯覺  (Vertical Horizontal Illusion)

神奇而有趣:設計中的11個視覺錯覺

正方形是任何設計系統的基本構件。它可以在谷歌設計規范中的卡片設計,Facebook帖子,Pinterest pins或是Dribbble 作品中看到。

隨意畫出一個正方形,如果你看的足夠近會發現,垂直的邊會比水平的邊長,就好像這個正方形實際上是一個長方形。但實際上,這就是一個完美的1:1的正方形。這就是所謂的垂直中線錯覺。

神奇而有趣:設計中的11個視覺錯覺

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

有意思的是,不同的文化和性別對這一錯覺的理解也是不一樣的。生活在發達城市的人往往比生活在農村的人更敏感,這是因為生活在農村的人更習慣于更加隨性。

3. 馬赫帶效應  (Mach Bands)

神奇而有趣:設計中的11個視覺錯覺

在扁平化時代,將類似的一組顏色彼此相鄰放置是一種很常見的設計。仔細觀察,你可能已經注意到每一個對比顏色之間出現了一個并不存在的陰影,這種錯覺被稱為馬赫帶效應。并沒有真的給每一個顏色帶增加投影,這只是我們眼睛產生了錯覺。

神奇而有趣:設計中的11個視覺錯覺

投影出現了每一個相鄰顏色條的邊緣

對這種現象的理論解釋是由于“側抑制” (譯者注:https://en.wikipedia.org/wiki/Lateral_inhibition)引起的,這意味著在較暗的區域會顯得更暗,較亮的區域顯得更亮。

盡管這種效果在視覺設計領域的影響相當微妙,但對牙科醫生來說確是一個不小的麻煩。牙齒的X光產生的灰度圖像,用于分析強度的異常變化。如果識別不正確,馬赫帶可能會帶來誤診。

4. 赫林錯覺  (Hering Illusion)

神奇而有趣:設計中的11個視覺錯覺

?
渡劫5龙宫赚钱