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