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