如何設(shè)計(jì)一套風(fēng)格高度統(tǒng)一的功能圖標(biāo)設(shè)計(jì)
《UI進(jìn)階零基礎(chǔ)學(xué)》讀后有感

圖標(biāo),分為應(yīng)用圖標(biāo)和功能圖標(biāo)。在上一篇文章中,應(yīng)用圖標(biāo)的相關(guān)知識,已經(jīng)進(jìn)行了總結(jié)。現(xiàn)在,分析的是功能圖標(biāo)。在一個(gè)應(yīng)用中,功能圖標(biāo)出現(xiàn)頻率,要比應(yīng)用圖標(biāo)高得多,幾乎遍布在應(yīng)用界面的所有頁面當(dāng)中。
功能圖標(biāo),有明確的表意功能,替代或者輔助文字,來指引用戶進(jìn)行快速的導(dǎo)航。
相對于純粹的文字指引而言,功能圖標(biāo)更直觀,更符合大眾的認(rèn)知習(xí)慣,有利于提高應(yīng)用的易用性。同時(shí),一組風(fēng)格統(tǒng)一、設(shè)計(jì)精美的功能圖標(biāo),也有助于提升應(yīng)用的視覺效果,給用戶帶來視覺上的愉悅。
一、功能圖標(biāo)的分類
與應(yīng)用圖標(biāo)相比,功能圖標(biāo)的種類可以說是很少了,也沒有應(yīng)用圖標(biāo)那么花俏。
主要分為三大類:




二、功能圖標(biāo)的設(shè)計(jì)原則
功能圖標(biāo)在移動(dòng)應(yīng)用,通常都非常的小,導(dǎo)航欄和工具欄圖標(biāo)只有44px,標(biāo)簽欄的圖標(biāo)頁也只有50px。正因?yàn)樗鼈兒苄。越o繪制增加了難度,需要掌握一定的設(shè)計(jì)原則。

三、功能圖標(biāo)建立統(tǒng)一風(fēng)格的技巧
功能圖標(biāo)在界面中出現(xiàn)的高頻性,多樣性,使得它們必須要有統(tǒng)一的風(fēng)格,才能保證整個(gè)應(yīng)用界面的風(fēng)格統(tǒng)一,才能讓用戶體驗(yàn)更加友好。要從外觀和顏色上,確立主風(fēng)格;在局部上,需求個(gè)性特征。將兩者結(jié)合起來,才能創(chuàng)造出完美的設(shè)計(jì)方案。以下,是建立統(tǒng)一風(fēng)格的技巧,






































