報(bào)道公司事件 · 傳播行業(yè)動(dòng)態(tài)
做網(wǎng)站設(shè)計(jì),很多人會(huì)忽略圖標(biāo)這個(gè)小細(xì)節(jié),覺(jué)得只要能表達(dá)意思就行,但事實(shí)上,能把圖標(biāo)運(yùn)用統(tǒng)一,會(huì)讓網(wǎng)站更整潔,還能提升用戶識(shí)別效率,讓用戶快速get核心信息,新手也能輕松做好。
圖標(biāo)在網(wǎng)站里的作用很實(shí)在,就像“視覺(jué)小符號(hào)”,替代繁瑣的文字,幫用戶快速識(shí)別功能——比如用“信封”代表聯(lián)系、“購(gòu)物車”代表下單、“搜索”代表查找,比文字更直觀,能節(jié)省用戶瀏覽時(shí)間。
但如果圖標(biāo)風(fēng)格不統(tǒng)一,比如有的圓潤(rùn)可愛(ài)、有的棱角分明,有的色彩鮮艷、有的單調(diào)灰色,用戶看的時(shí)候會(huì)混亂,甚至分不清圖標(biāo)代表的含義,反而降低瀏覽效率。
那怎么做才能是統(tǒng)一圖標(biāo)風(fēng)格呢?抓住以下幾點(diǎn)原則就夠了!
1. 線條風(fēng)格要統(tǒng)一
要么全用粗線條,要么全用細(xì)線條,不要粗細(xì)混雜;比如導(dǎo)航欄的圖標(biāo)用細(xì)線條,內(nèi)容區(qū)的圖標(biāo)也統(tǒng)一用細(xì)線條,視覺(jué)上更連貫。
2. 造型風(fēng)格要統(tǒng)一
要么全是圓潤(rùn)圓角,要么全是方正棱角,比如電商網(wǎng)站的圖標(biāo)用圓潤(rùn)風(fēng)格,整體更親和;企業(yè)官網(wǎng)的圖標(biāo)用方正風(fēng)格,更顯專業(yè),不要混搭。

3. 色彩要統(tǒng)一
圖標(biāo)顏色要貼合網(wǎng)站整體配色,要么全用單色(比如和主色一致),要么全用同一系列的漸變色,不要有的紅、有的藍(lán)、有的綠,雜亂刺眼。比如網(wǎng)站主色是藍(lán)色,圖標(biāo)就統(tǒng)一用藍(lán)色系,既貼合整體風(fēng)格,又能讓圖標(biāo)更突出,用戶一眼就能識(shí)別。
4. 尺寸要統(tǒng)一
同一區(qū)域的圖標(biāo)的大小要一致,比如導(dǎo)航欄的圖標(biāo)統(tǒng)一尺寸,內(nèi)容區(qū)的功能圖標(biāo)統(tǒng)一尺寸,不要有的大、有的小,顯得雜亂。另外,圖標(biāo)含義要精準(zhǔn),比如代表“收藏”就用常見(jiàn)的“星星”圖標(biāo),不要用不常見(jiàn)的符號(hào),避免用戶看不懂,反而增加識(shí)別成本。
總的來(lái)說(shuō),不用追求復(fù)雜的設(shè)計(jì),只要能保持以上幾點(diǎn)的細(xì)節(jié),就能打造出一套好用且好看的圖標(biāo)系統(tǒng),讓網(wǎng)站更具有競(jìng)爭(zhēng)力。
Copyright 大連網(wǎng)龍科技 版權(quán)所有 遼ICP備14006349號(hào) html - txt - xml