視覺信息處理理論與界面簡繁
哈佛大學(xué)、科羅拉多大學(xué)、馬里蘭大學(xué)以人口統(tǒng)計的形式制作了一張關(guān)于“美學(xué)愉悅感”的圖表。
紅線代表簡約,藍線代表復(fù)雜,簡而言之,界面設(shè)計越復(fù)雜,視覺吸引力越差。
為什么在科學(xué)上,人的大腦更容易處理簡約的信息?
簡約為美的原因,在于大腦和眼睛無需耗費心力去處理、解碼、貯存信息。
你的視網(wǎng)膜會將真實世界的圖像信息轉(zhuǎn)化為電脈沖。這些脈沖與相應(yīng)的感受態(tài)細(xì)胞發(fā)生關(guān)聯(lián)。從而傳遞了色彩、圖形信息給大腦。
顏色和元素越多,眼睛需要做的工作就越多。
看似相同,實則不同,每個元素都能傳達微妙的信息
image source(圖像來源)
牽一發(fā)而動全身的蝴蝶效應(yīng)是真的。因此在界面設(shè)計中,每個元素都很重要,無論是字體,Logo,色彩選擇,留白(上圖)都很重要,都會影響到用戶對界面的感受。
一些界面復(fù)雜的原因,是設(shè)計師的問題,設(shè)計師沒有充分利用每個元素的功能性,因此有些功能就需要視覺元素的“重復(fù)疊加”來實現(xiàn),因此反復(fù),美學(xué)上也不被用戶接受。
視覺信息處理理論不容小視,針對此進行設(shè)計優(yōu)化,可以減少用戶信息搜索耗時,減少用戶認(rèn)知負(fù)載——只要你能夠充分利用手頭的元素就好。
MailChimp Logo的重設(shè)計,看似很小的改動,感覺上,完全不同,第一版由于字體過于纏繞、潦草,雖然幾個字母,但是看起來很費力。而第二版的優(yōu)化真可謂下了功夫(如下):
增加筆劃間的距離,留白讓Logo看起來更“流暢”:
更流暢的節(jié)奏感:
在筆劃相遇點,采用更纖細(xì)的線條,提高字母主體的可讀性。
更流暢的弧度感。
MailChimp,這9個字母,很簡單了,是吧?但是看了上面的比較,你發(fā)現(xiàn)“簡單”也有“相對簡單”和“更簡單”的區(qū)別。新的Logo設(shè)計,讓用戶看起來更舒心,也能更好的傳達“流暢發(fā)送郵件”的產(chǎn)品理念。
數(shù)據(jù)統(tǒng)計,Logo改版之后,六月份新增了100W用戶。
平面設(shè)計
工業(yè)設(shè)計
CG插畫
UI交互
室內(nèi)設(shè)計
建筑環(huán)境