新聞資訊
合作流程?。?a target="_blank">在線咨詢?。?a href="/about/service.html#cjwt">常見問題?。?a href="/about/contact.html">聯系我們
用戶體驗的界面設計細節——圖標篇
點擊率:8439 發布者:合肥網站建設 時間:2017-10-09 15:50
UI設計工作中,設計師們往往不喜歡將界面設計得與原型圖一致,總會刻意的去尋求存在感與原型做出差別,那么對于UI設計師來說,更應該懂得用戶體驗,成為辦個用戶體驗設計師。
合肥網站設計小編以下列舉了一些界面設計中的案例細節,希望對設計師們有所幫助。
一.圖標
1.統一圖標的樣式
圖標在界面設計中還是占著較大的比重,它的存在有利于平衡界面,也讓頁面看起來更加的美觀,也有一定的提示作用。圖標風格有:線性圖標、填充圖標、面型圖標、扁平圖標、手繪風格圖標和擬物圖標等。
在決定使用某一風格的圖標設計之后,在相同木塊下,請盡量使用同一的風格的圖標,如填充圖標的色彩飽和度;線性圖標的線條粗細;擬物風格的光線陰影等。
2.意義明確的圖標
很多人都喜歡純圖標式的設計,去掉文案試圖讓圖標看起來更高大上,但是往往忽略了圖標最重要的作用是提示用戶該按鈕的功能。如上圖所示,去掉文案之后很多圖標根本無法準確表達出確切的含義,這也是圖形的缺陷。
做好圖標和文字的排版與比例一樣可以設計出好看的界面。
3.圖標的視覺平衡
同一個界面出現多個圖標時,我們需要保持整體的視覺平衡。并非是所有圖標都采用相同的尺寸就能達到平衡,由于圖標的體量不同,相同尺寸下不同體量的圖標視覺平衡也不相同,例如相同尺寸的正方形會比圓形顯得大。因此,我們需要根據圖標的體量對其大小做出相應的調整。
4.符合用戶心理的圖標
圖標在大多數情況下都是充當著按鈕的作用。設計時必須要清晰準確的傳達出當前狀態,不能為了視覺效果而帶給用戶錯誤的判斷,例如深灰色的按鈕用戶會理解為是禁用狀態而放棄點擊。
通過圖標(按鈕)的顏色、大小、風格等來引導用戶進行操作,需要強化的就要做得突出,不要整個界面都處于主次不明的狀態,分散用戶的注意力,削弱了界面需要傳達的主旨。
合肥網站設計小編以下列舉了一些界面設計中的案例細節,希望對設計師們有所幫助。
一.圖標
1.統一圖標的樣式
圖標在界面設計中還是占著較大的比重,它的存在有利于平衡界面,也讓頁面看起來更加的美觀,也有一定的提示作用。圖標風格有:線性圖標、填充圖標、面型圖標、扁平圖標、手繪風格圖標和擬物圖標等。
在決定使用某一風格的圖標設計之后,在相同木塊下,請盡量使用同一的風格的圖標,如填充圖標的色彩飽和度;線性圖標的線條粗細;擬物風格的光線陰影等。
2.意義明確的圖標
很多人都喜歡純圖標式的設計,去掉文案試圖讓圖標看起來更高大上,但是往往忽略了圖標最重要的作用是提示用戶該按鈕的功能。如上圖所示,去掉文案之后很多圖標根本無法準確表達出確切的含義,這也是圖形的缺陷。
做好圖標和文字的排版與比例一樣可以設計出好看的界面。
3.圖標的視覺平衡
同一個界面出現多個圖標時,我們需要保持整體的視覺平衡。并非是所有圖標都采用相同的尺寸就能達到平衡,由于圖標的體量不同,相同尺寸下不同體量的圖標視覺平衡也不相同,例如相同尺寸的正方形會比圓形顯得大。因此,我們需要根據圖標的體量對其大小做出相應的調整。
4.符合用戶心理的圖標
圖標在大多數情況下都是充當著按鈕的作用。設計時必須要清晰準確的傳達出當前狀態,不能為了視覺效果而帶給用戶錯誤的判斷,例如深灰色的按鈕用戶會理解為是禁用狀態而放棄點擊。
通過圖標(按鈕)的顏色、大小、風格等來引導用戶進行操作,需要強化的就要做得突出,不要整個界面都處于主次不明的狀態,分散用戶的注意力,削弱了界面需要傳達的主旨。