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

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

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

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

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

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

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

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

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

四、線條與色塊分割的合理運用

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

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

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

六、運用提示符提高用戶的閱讀效率

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

七、布局層次分明，重點突出

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

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

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

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

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

首發(fā)：http://m.3rdspacecomics.com/special/uijpzly/index.html