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