歡迎您訪問南京安優網絡官方網站,本公司專注于:網站制作、小程序開發、網站推廣。 24小時服務熱線:400-8793-956
當前位置:南京網站制作公司 > 資訊中心 > 網站知識
作為設計師,怎么可能被視錯覺玩弄?
來源:南京網站制作 時間:2017-11-09 13:17:03

 在做產品設計師的這些年,我經常遇到一些讓我或目瞪口呆或驚喜或不可思議的視覺現象。

 
不知道大家有沒有注意,當我們在設計界面,logo或插畫時,遇到的很多簡單的手法其實都是視錯覺!如果你一開始沒意識到,而且這些視覺陷阱又讓你感到不知所措,希望這篇文章能幫助你了解背后的原理。
 
閑話少說,這里有11個視覺設計中常見的視錯覺。
 
三角形分割錯覺:
 
任意選擇一個點

依靠質心調整三角形
 
圖標有時候具有欺騙性,尤其是一些帶有復雜的幾何形狀和古怪比例的。我們總不能奢求所有的圖標都對稱、擁有完美的像素、保持固定的縱橫比吧!因此有些圖標的設計就十分“特殊化”,比如磨人的播放按鈕!
 
將一個三角形放在一個圓角或直角矩形里,會產生三角形位置不協調的視覺感受,這就是所謂的三角形等分錯覺。三角形的質心是根據它的最小邊界框來計算的。如果以等邊三角形的高線的中點為參照,有半邊看起來遠遠超過一半!

哪個版本用上了幾何中心?
 
關于這個錯覺的兩個說法:
 
•不固定的縮放比例
 
這個錯覺跟透視有些關系,想象一個等邊三角形被放在向遠方延伸的有透視的公路上,頂點是無限遠的一個點,底邊是公路上離我們近的這一頭。
 
•質心/中心
 
如果一個觀測者被要求找到中點,他們一般最終會找到質心,將兩邊劃分出看上去差不多相等的區域的點。而重心低于中點,也有數據表明觀察者會在兩點之間做出折衷選擇。
 
為了找到這個特殊的三角形的視覺中心,你可以通過連接三角形三條中線的交點來確定一個三角形的質心,來,就是下面這個公式:

哈哈別當真,這不是一篇關于幾何公式的文章(但這個公式是正確的)。
 
質心位于每個邊到相反頂點的距離的三分之一,此方法同樣應用于許多其他形狀。

垂直水平錯覺:
 
它是一個平面?長方形?還是正方形?

正方形是任何設計系統中的基本組成部分。Material Design卡片,Facebook的帖子,Pinterest的pin和Dribbble的shots……
 
在Sketch里面拖出一個正方形,有時你可能會特意看看兩條邊是否均等,然后就總神經質地以為垂直邊比水平邊長,明明是長方形!實際上它是一個不折不扣的1:1的正方形,這就是垂直水平錯覺。

真正有意思的是不同的文化和性別對這種錯覺的感知度不同。居住在發達城市的人往往比住在農村地區的人表現得更加敏感,因為在農村地區的人往往習慣于生活在圓形房屋里。
 
馬赫帶:
 
如果一個虛假的影子落在一個表面上,會投射出一個錯覺嗎?

在平面設計領域,使用近似色再常見不過。互相對比觀察,會感覺到邊緣出現了虛幻的陰影,這就是馬赫帶錯覺。其實根本沒有什么陰影,只是我們眼睛感知色彩存在的方式而已!

這種現象可用側抑制來解釋,用通俗的話解釋就是,暗的會更暗,亮的會更亮。
 
馬赫帶效應在視覺設計領域中相當微妙,但對牙科醫生造成的障礙不容小覷。比如當他們拿著你的牙齒的X光片找你牙齒的問題的時候,這個錯覺會非常干擾他們的判斷……
 
黑林錯覺:
 
很有活力!

你有沒有遇到有很多圓點或纖細的線條的背景圖片或logo,當你鼠標滾動的時候,總感覺他們在動?或者類似電視屏幕上晃動的波浪線?這些都是一種名為莫爾條紋的混疊效應,兩種網格圖案互相重疊,通過不斷刷新我們的視覺,制造出對方正在運動的錯覺。
 
這種效果很酷,與其說是錯覺,也可看做一種干擾模式。上圖中Sono的logo可以說是莫爾條紋、黑林錯覺和運動錯覺的結,這種感官技術在歐普藝術中頗受歡迎。
 
赫爾曼柵格錯覺:
 
有還是沒有,這是個問題。

赫爾曼柵格錯覺一度相當熱門,看看上面這個放在高對比度背景下的一些黑色正方形組成的網格,直視正方形會感覺網格交叉點跳動著鬼畜的斑點。但直視交叉口斑點就會消失不見。

這種效應依然可以用側抑制來解釋。復雜粗暴的說,就是我們某個神經元受到刺激產生興奮后,刺激相近的神經元,后者所發生的興奮對它產生的抑制作用。
 
同時對比錯覺:
 
兩個獨立的方塊亮度相同嗎?

把兩個相同顏色的物體放在不同的對比色背景下,會使兩個物體看起來好像是不同的顏色,這就是同時對比錯覺,效果因人而異。

不幸的是,雖然有很多關于它的研究,但沒有一個站得住腳的理論可以解釋為什么會出現這種錯覺,側抑制算是其中一部分原因。
 
懷特錯覺:
 
我的眼睛欺騙了我嗎?

這種錯覺相當微妙,但也很有意思!看上面的動圖,左邊的紫色色塊看起來比右邊的色塊淺。但它們實際上是一樣的。

你問我懷特錯覺的產生原因?沒錯,你猜對了,還是側抑制。
 
水彩錯覺:
 
色彩欺騙!

當我給一個東西描邊時,突然會想,“哎我什么時候把背景色也改了?”細看會以為白色區域邊上產生了基于描邊色的淺色陰影,可實際上還是白色的!
 
這種視覺現象被稱為水彩錯覺,它依賴于輪廓線的亮度和顏色對比,來產生色彩擴散效果。

我承認這種錯覺讓我困惑了好幾次,我總是神經質地用取色器來確認一遍!
 
賈斯特羅錯覺:
 
尺寸真的重要嗎?

設計插圖和logo,有時會需要對不同形狀進行切割。賈斯特羅錯覺發生在弧形物體上。兩個元素看上去大小不同,但實際上還是完全相同!不可思議吧?

怎么可能?可惜對于賈斯特羅錯覺,依然沒有一個明確的理論支撐。有種解釋是我們的大腦被半徑差異迷惑了,短邊使長邊看上去更長,長邊使短邊看上去更短。
 
康士維錯覺:
 
一個同樣很不可思議的錯覺!

除了同時對比和馬赫帶錯覺,康士維錯覺也使用了漸變,利用中線來制造一邊比另外一邊暗的效果。實際上,當我們把它平行放置,還是一樣的!

這種錯覺跟前面提到的兩種錯覺效果相似,但有兩個重要區別:
 
?在馬赫帶錯覺示例中,效果只出現在靠近邊界的區域,而康士維錯覺強調對整體的影響。
?康士維錯覺中,亮的更亮,暗的更暗。與通常的對比效果相反。
 
繆勒-萊爾錯覺:
 
文字游戲

這個錯覺告訴我們的印刷商,制作一個字體需要更多地依靠你的設計直覺而不是邏輯思維。就算利用參考線對字母進行準確的幾何定位,整體也會出現不協調的情況。一種常見的解決辦法在力學中稱為超調。簡單地說,超調是調整個別字符實現視覺平衡的過程。

看看上面這些著名的logo,有些字母不與參考線齊平。印刷商必須手動視覺調整每個字符到它最佳的位置。
 
但我們為什么要調字體?
 
為什么超調被需要?來源于一個在全世界都很受歡迎的錯覺,繆勒-萊爾錯覺。這種視覺現象表明,兩條原本等長的線條因兩端箭頭的朝向不同而看起來箭頭朝內的線條比箭頭朝外的線條要短些。這種經典錯覺再次證明了人類感知的缺陷。很有意思吧?
 
結語
 
如果你對視覺感知感興趣或想提高視覺設計技能,建議你多閱讀格式塔心理學。會有很多你可能感興趣的錯覺:
 
Kanizsa三角形錯覺、艾賓浩斯錯覺、埃倫施泰因錯覺、霓虹顏色擴散效應、棋盤陰影錯覺、誘發運動1、誘發運動2……

 


本文地址:http://www.uirngq.live/web/1038.html
Tag: 設計師
專業服務:南京網站制作,南京網站制作公司,南京網站建設公司
聯系電話:025-65016872
上一篇: 如何撰寫博文標題來驅動搜索流量
下一篇: 創業公司成功SEO的10個措施
最新案例
泰杰賽
泰杰賽
蘇派教育
蘇派教育
全國大學生公共衛生大賽
全國大學生公共衛生大賽
南京德普筒倉建安工程有限公司
南京德普筒倉建安工程有限公司
中國非金屬材料南京礦山工程有限公司
中國非金屬材料南京礦山工程有限公司
你可能感興趣
讓您的網站更易于訪問
使用SEO和內容來增加您的酒店網站
每個企業應該知道的7種視頻類型
沒人告訴你關于PPC的事
10個保護品牌的聲譽管理策略
為什么從頭開始創建網站可以改善您的SEO策略
如何為您的大型網站提供未來證明
為什么視頻是現代網頁設計的必要條件
最后更新
南京網站制作闡述10個應該將百度搜索廣告外包的理由 南京網站建設公司一直強調維護您網站的重要性 如何計算自己的獲客成本 南京網站制作解析你的網站是如何趕走你的客人的? 南京APP開發公司說說APP營銷基礎 南京網站建設公司讓你知道電商自建站不求人:8大電子商務平臺測評(2019篇) 南京網站制作說說建立商業網站的提示 SEO初學者問答 - 第1部分
服務項目
南京網站制作 營銷型網站 微信營銷 IDC網站 精品案例
内蒙古时时彩开奖走势 英雄联盟和王者荣耀哪个赚钱 在北京开猫舍赚钱吗 哪些旧货赚钱 答题赚钱软件打不开 网上卖什么高端东西能赚钱 擅长体育的赚钱 有20台电脑怎么赚钱 房地产销售真的赚钱吗 趣推能赚钱是真的吗 怎样做公众号赚钱吗 袁记饺子加盟赚钱吗 国外哪里坐台赚钱多 狂战传说怎么赚钱 加盟万事通可以赚钱吗 趣头条挂机视频赚钱 部落冲突新手最快赚钱吗