視覺設(shè)計(jì)中的信息傳達(dá)這樣做就夠了

隨著新時(shí)代的發(fā)展，越來(lái)越多的信息充斥著用戶的視覺與大腦，使得消費(fèi)者對(duì)信息的敏感度下降，同時(shí)也會(huì)更加傾向于簡(jiǎn)約化的信息傳遞方式，那么作為設(shè)計(jì)師你更應(yīng)該站在用戶角度去考慮所要傳遞的信息是否能夠被用戶接受，在信息傳達(dá)上，這樣做會(huì)更加有效。

一、明確表達(dá)圖標(biāo)的含義

去掉圖標(biāo)文案之后界面會(huì)顯得更“逼格”，可是你確定用戶能看懂圖標(biāo)表達(dá)的含義嗎?我們?cè)谶M(jìn)行界面設(shè)計(jì)時(shí)，圖標(biāo)是為了輔助說(shuō)明文案所傳達(dá)的信息，如果去掉文案信息，那么需要圖標(biāo)本身帶有很強(qiáng)的信息傳達(dá)能力，確保用戶能正確的識(shí)別。

二、正確的表達(dá)按鈕屬性

按鈕的設(shè)計(jì)必須要清晰準(zhǔn)確的傳達(dá)出當(dāng)前狀態(tài)，不能為了視覺效果而帶給用戶錯(cuò)誤的判斷，例如深灰色的按鈕用戶會(huì)理解為是禁用狀態(tài)而放棄點(diǎn)擊。

通過按鈕的顏色、大小、風(fēng)格等來(lái)引導(dǎo)用戶進(jìn)行操作，需要強(qiáng)化的就要做得突出，不要整個(gè)界面都處于主次不明的狀態(tài)，分散用戶的注意力，削弱了界面需要傳達(dá)的主旨。

三、正確處理文字排版的層級(jí)關(guān)系

工作中我們拿到的需求總會(huì)出現(xiàn)大篇幅的文案，不能像概念設(shè)計(jì)那樣任性的刪減，在進(jìn)行文字排版的時(shí)候，正確的處理信息之間的層級(jí)關(guān)系將會(huì)提高用戶對(duì)信息的識(shí)別度。我們通常會(huì)通過字體大小、顏色、留白、層級(jí)分割等技巧來(lái)處理，把相同屬性的信息歸類設(shè)計(jì)，通過留白的不同達(dá)到層級(jí)的區(qū)分，讓整個(gè)信息排列主次分明，層級(jí)清晰。

四、線條與色塊分割的合理運(yùn)用

線條通常用于分割同一類別或擁有相同屬性的元素;而色塊更多的是用于分割不同類別或者區(qū)分不同屬性的元素，以達(dá)到層次清晰，歸類明確的目的。我們?cè)谶x擇分割形式的時(shí)候要根據(jù)信息之間的關(guān)系作出明確的表達(dá)，不可為了視覺效果而盲目的穿插運(yùn)用。

五、要提前預(yù)估信息呈現(xiàn)的最大值

在進(jìn)行界面布局時(shí)，明確信息呈現(xiàn)的最大值，而不是取最小值進(jìn)行設(shè)計(jì)。過于理想的長(zhǎng)度范圍也許界面樣式更美觀，可是落地之后就會(huì)給用戶帶來(lái)非常糟糕的體驗(yàn)。

六、運(yùn)用提示符提高用戶的閱讀效率

在大篇幅的文字信息布局中，合理的運(yùn)用提示符會(huì)提高用戶對(duì)信息的理解和快速找到需要的信息。提示符可以是數(shù)字、字母、圖形、色塊等等，只要能有效的區(qū)分信息層級(jí)即可。

七、布局層次分明，重點(diǎn)突出

好的界面布局是為了更好的引導(dǎo)用戶閱讀和操作，界面布局要有層次和重點(diǎn)，而非簡(jiǎn)單的將信息進(jìn)行羅列。通過卡片模塊的區(qū)分和大小的變化可以很好的進(jìn)行視覺引導(dǎo)，大大提高用戶對(duì)界面的理解，從而提高用戶的操作效率。

八、信息布局符合閱讀習(xí)慣

從左到右，從上到下的進(jìn)行閱讀是我們已有的習(xí)慣，如果你要打破這個(gè)習(xí)慣進(jìn)行視覺表現(xiàn)，會(huì)承受挑戰(zhàn)用戶體驗(yàn)的強(qiáng)大壓力。

本文版權(quán)歸黑馬程序員視覺設(shè)計(jì)學(xué)院所有，歡迎轉(zhuǎn)載，轉(zhuǎn)載請(qǐng)注明作者出處。謝謝！

作者：黑馬程序員視覺設(shè)計(jì)培訓(xùn)學(xué)院

首發(fā)：http://pantone-color.com.cn/special/uijpzly/index.html