用(Use)戶體驗的(Of)界面設計細節——圖标篇
UI設計工作(Do)中,設計師們往往不(No)喜歡将界面設計得與原型圖一(One)緻,總會刻意的(Of)去尋求存在(Exist)感與原型做出(Out)差别,那麽對于(At)UI設計師來說,更應該懂得用(Use)戶體驗,成爲(For)辦個(Indivual)用(Use)戶體驗設計師。
合肥網站設計小編以(By)下列舉了(Got it)一(One)些界面設計中的(Of)案例細節,希望對設計師們有所幫助。
1.統一(One)圖标的(Of)樣式
圖标在(Exist)界面設計中還是(Yes)占着較大(Big)的(Of)比重,它的(Of)存在(Exist)有利于(At)平衡界面,也讓頁面看起來更加的(Of)美觀,也有一(One)定的(Of)提示作(Do)用(Use)。圖标風格有:線性圖标、填充圖标、面型圖标、扁平圖标、手繪風格圖标和(And)拟物圖标等。
在(Exist)決定使用(Use)某一(One)風格的(Of)圖标設計之後,在(Exist)相同木塊下,請盡量使用(Use)同一(One)的(Of)風格的(Of)圖标,如填充圖标的(Of)色彩飽和(And)度;線性圖标的(Of)線條粗細;拟物風格的(Of)光線陰影等。
2.意義明确的(Of)圖标
很多人(People)都喜歡純圖标式的(Of)設計,去掉文案試圖讓圖标看起來更高大(Big)上(Superior),但是(Yes)往往忽略了(Got it)圖标最重要(Want)的(Of)作(Do)用(Use)是(Yes)提示用(Use)戶該按鈕的(Of)功能。如上(Superior)圖所示,去掉文案之後很多圖标根本無法準确表達出(Out)确切的(Of)含義,這(This)也是(Yes)圖形的(Of)缺陷。
做好圖标和(And)文字的(Of)排版與比例一(One)樣可以(By)設計出(Out)好看的(Of)界面。
3.圖标的(Of)視覺平衡
同一(One)個(Indivual)界面出(Out)現多個(Indivual)圖标時(Hour),我們需要(Want)保持整體的(Of)視覺平衡。并非是(Yes)所有圖标都采用(Use)相同的(Of)尺寸就能達到平衡,由于(At)圖标的(Of)體量不(No)同,相同尺寸下不(No)同體量的(Of)圖标視覺平衡也不(No)相同,例如相同尺寸的(Of)正方形會比圓形顯得大(Big)。因此,我們需要(Want)根據圖标的(Of)體量對其大(Big)小做出(Out)相應的(Of)調整。
4.符合用(Use)戶心理的(Of)圖标
圖标在(Exist)大(Big)多數情況下都是(Yes)充當着按鈕的(Of)作(Do)用(Use)。設計時(Hour)必須要(Want)清晰準确的(Of)傳達出(Out)當前狀态,不(No)能爲(For)了(Got it)視覺效果而帶給用(Use)戶錯誤的(Of)判斷,例如深灰色的(Of)按鈕用(Use)戶會理解爲(For)是(Yes)禁用(Use)狀态而放棄點擊。
通過圖标(按鈕)的(Of)顔色、大(Big)小、風格等來引導用(Use)戶進行操作(Do),需要(Want)強化的(Of)就要(Want)做得突出(Out),不(No)要(Want)整個(Indivual)界面都處于(At)主次不(No)明的(Of)狀态,分散用(Use)戶的(Of)注意力,削弱了(Got it)界面需要(Want)傳達的(Of)主旨。
- 上(Superior)一(One)篇:企業網站建設的(Of)價值何在(Exist)?
- 下一(One)篇:我第一(One)次建設網站,應該怎麽做?