網(wǎng)站建設中視覺(jué)設計需要傳達的4個(gè)要素發(fā)布者：本站     時(shí)間：2022-05-31 15:05:56

在大家著(zhù)迷用戶(hù)體驗設計，關(guān)注用戶(hù)研究、人機交互的時(shí)候，視覺(jué)設計好像被遺忘了。
我想說(shuō)的是，視覺(jué)設計一如既往地重要著(zhù)。視覺(jué)設計處在產(chǎn)品表現層，跟諾曼先生提出的情感化設計本能層設計水平直接相關(guān)。如果想讓用戶(hù)一見(jiàn)鐘情進(jìn)而買(mǎi)單，讓客戶(hù)點(diǎn)頭通過(guò)方案，給他們視覺(jué)上的第一印象至關(guān)重要。沒(méi)有視覺(jué)的最終落地，前面的研究和交互，似乎都將付諸東流。

因為視覺(jué)設計至少傳達了這四大要素：

 

1 傳達“品牌”
視覺(jué)設計形成一種氛圍，與公司品牌建立聯(lián)系。
既是一種宣傳，也加深了用戶(hù)對品牌的認知度。

推薦：視覺(jué)設計需要傳達的4個(gè)要素

蘭芝的產(chǎn)品、界面和包裝都是一致的藍

2 傳達“美感”
漂亮的東西總是比丑陋的東西容易被人接受。
這里指的“美感”應該是“恰當地漂亮”，每個(gè)人的審美不一樣，甲之熊掌乙之砒霜，所以所謂的美感因人而異，因目標用戶(hù)打造。
小孩認為的美跟大人認為的美也許是不一樣的。
男人認為的美跟女人認為的美也許是不一樣的。
文藝青年的美跟土老板認為的美也許是不一樣的。
甚至同一個(gè)人身上，當他扮演不同的角色的時(shí)候，也應該給他恰當的美。

推薦：視覺(jué)設計需要傳達的4個(gè)要素

漂亮的產(chǎn)品也許會(huì )讓用戶(hù)癡迷并忘記一部分學(xué)習成本

3 傳達“信息”
它將產(chǎn)品上的信息/數據視覺(jué)化，以容易識別、容易理解的方式表達出來(lái)。
比如對于信息優(yōu)先級的識別，通過(guò)視覺(jué)對比讓用戶(hù)知道我們想給他優(yōu)先看什么。

推薦：視覺(jué)設計需要傳達的4個(gè)要素

 

從報紙的設計可以讀出信息優(yōu)先級

比如對于信息關(guān)聯(lián)度的識別，哪些內容跟哪些內容是相關(guān)的，哪些是包含被包含的。

推薦：視覺(jué)設計需要傳達的4個(gè)要素

邊框是區分邏輯關(guān)系的一種視覺(jué)手段

比如通過(guò)樹(shù)狀圖、熱點(diǎn)圖等圖形表達數據的統計，比純粹羅列數據更好理解。

推薦：視覺(jué)設計需要傳達的4個(gè)要素

4 傳達“行為”

交互的理念通過(guò)視覺(jué)傳達，視覺(jué)暗示將行為、狀態(tài)傳達給用戶(hù)。
一個(gè)操作的線(xiàn)索，操作的過(guò)程，操作的結果都需要視覺(jué)來(lái)交待。
比如憤怒的小鳥(niǎo)，在拉動(dòng)彈弓，拉到什么程度，彈出小鳥(niǎo)，砸中積木，整個(gè)過(guò)程都是豐富的視覺(jué)效果在負責交待。

推薦：視覺(jué)設計需要傳達的4個(gè)要素

最后舉個(gè)例子，在一顆按鈕身上可以也許可以體現出來(lái)這四件事情：

推薦：視覺(jué)設計需要傳達的4個(gè)要素

這顆麥當勞的按鈕，
紅色的主色，中間有些許黃色的光暈，透露“品牌”。
質(zhì)感、發(fā)光的處理代表“美感”。
鼠標懸停、按下的時(shí)候（這個(gè)是我yy的，實(shí)際上他們沒(méi)有做 =.=），有相應的狀態(tài)反饋，傳遞“交互”。
按鈕上的字說(shuō)明“信息”。