用戶(hù)體驗的界面設計細節——圖標篇
UI設計工作中,設計師們往往不喜歡將界面設計得與原型圖一致,總會(huì )刻意的去尋求存在感與原型做出差別,那么對于UI設計師來(lái)說(shuō),更應該懂得用戶(hù)體驗,成為辦個(gè)用戶(hù)體驗設計師。
合肥網(wǎng)站設計小編以下列舉了一些界面設計中的案例細節,希望對設計師們有所幫助。
1.統一圖標的樣式
圖標在界面設計中還是占著(zhù)較大的比重,它的存在有利于平衡界面,也讓頁(yè)面看起來(lái)更加的美觀(guān),也有一定的提示作用。圖標風(fēng)格有:線(xiàn)性圖標、填充圖標、面型圖標、扁平圖標、手繪風(fēng)格圖標和擬物圖標等。
在決定使用某一風(fēng)格的圖標設計之后,在相同木塊下,請盡量使用同一的風(fēng)格的圖標,如填充圖標的色彩飽和度;線(xiàn)性圖標的線(xiàn)條粗細;擬物風(fēng)格的光線(xiàn)陰影等。
2.意義明確的圖標
很多人都喜歡純圖標式的設計,去掉文案試圖讓圖標看起來(lái)更高大上,但是往往忽略了圖標最重要的作用是提示用戶(hù)該按鈕的功能。如上圖所示,去掉文案之后很多圖標根本無(wú)法準確表達出確切的含義,這也是圖形的缺陷。
做好圖標和文字的排版與比例一樣可以設計出好看的界面。
3.圖標的視覺(jué)平衡
同一個(gè)界面出現多個(gè)圖標時(shí),我們需要保持整體的視覺(jué)平衡。并非是所有圖標都采用相同的尺寸就能達到平衡,由于圖標的體量不同,相同尺寸下不同體量的圖標視覺(jué)平衡也不相同,例如相同尺寸的正方形會(huì )比圓形顯得大。因此,我們需要根據圖標的體量對其大小做出相應的調整。
4.符合用戶(hù)心理的圖標
圖標在大多數情況下都是充當著(zhù)按鈕的作用。設計時(shí)必須要清晰準確的傳達出當前狀態(tài),不能為了視覺(jué)效果而帶給用戶(hù)錯誤的判斷,例如深灰色的按鈕用戶(hù)會(huì )理解為是禁用狀態(tài)而放棄點(diǎn)擊。
通過(guò)圖標(按鈕)的顏色、大小、風(fēng)格等來(lái)引導用戶(hù)進(jìn)行操作,需要強化的就要做得突出,不要整個(gè)界面都處于主次不明的狀態(tài),分散用戶(hù)的注意力,削弱了界面需要傳達的主旨。