首頁技術文章正文

視覺設計中的信息傳達這樣做就夠了

更新時間:2018-06-20 來源:黑馬程序員 瀏覽量:

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

一、明確表達圖標的含義

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

1529475089509_01.jpg

二、正確的表達按鈕屬性

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

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

1529475139026_02.jpg

三、正確處理文字排版的層級關系

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

1529475150714_03.jpg

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

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

1529475173089_04.jpg

五、要提前預估信息呈現的最大值

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

1529475188527_05.jpg

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

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

1529475211840_06.jpg

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

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

1529475224121_07.jpg

八、信息布局符合閱讀習慣

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

1529475238934_08.jpg


本文版權歸黑馬程序員視覺設計學院所有,歡迎轉載,轉載請注明作者出處。謝謝!

作者:黑馬程序員視覺設計培訓學院

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

分享到:
在線咨詢 我要報名
和我們在線交談!