教育行業(yè)A股IPO第一股(股票代碼 003032)

全國(guó)咨詢/投訴熱線:400-618-4000

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

更新時(shí)間:2018年06月20日14時(shí)20分 來(lái)源:傳智播客 瀏覽次數(shù):

隨著新時(shí)代的發(fā)展,越來(lái)越多的信息充斥著用戶的視覺(jué)與大腦,使得消費(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í)別。

1529475089509_01.jpg

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

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

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

1529475139026_02.jpg

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

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

1529475150714_03.jpg

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

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

1529475173089_04.jpg

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

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

1529475188527_05.jpg

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

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

1529475211840_06.jpg

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

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

1529475224121_07.jpg

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

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

1529475238934_08.jpg


本文版權(quán)歸傳智播客視覺(jué)設(shè)計(jì)學(xué)院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請(qǐng)注明作者出處。謝謝!

作者:傳智播客視覺(jué)設(shè)計(jì)培訓(xùn)學(xué)院

首發(fā):http://uijp.itcast.cn/

0 分享到:
和我們?cè)诰€交談!