開發(fā)一款A(yù)PP，圖標(biāo)是很重要的一部分。圖標(biāo)做為APP頁面中最重要的元素之一，合理的運(yùn)用與設(shè)計(jì)，是UI設(shè)計(jì)師必備的技能。

APP圖標(biāo)設(shè)計(jì)的風(fēng)格類別有很多種，但主要可以大致概括為三大類：面性圖標(biāo)、異形圖標(biāo)、線性圖標(biāo)。

面性圖標(biāo)視覺表現(xiàn)力強(qiáng)，在頁面當(dāng)中是視覺擔(dān)當(dāng)，能有效的強(qiáng)調(diào)頁面的視覺重心，能更好的突出主要業(yè)務(wù)重心，所以常常用在首頁一級頁面做為主要流量分發(fā)。
列表流不建議用面性圖標(biāo)，原因是形式與功能之間的關(guān)系，面性圖標(biāo)的特點(diǎn)是視覺表現(xiàn)力強(qiáng)，相對其他類型的圖標(biāo)不具備高效的識別性，對于功能分類的頁面，沒有起到一個(gè)很好的高度概括性與高效引導(dǎo)的作用。
面性圖標(biāo)一般也不在頁面中大量的出現(xiàn)。
面性圖標(biāo)更容易營造氛圍，很多產(chǎn)品在節(jié)日或活動中，常常改變面性圖標(biāo)來營造氣氛，原因是面性的圖標(biāo)有很強(qiáng)的視覺表現(xiàn)力。

面性圖標(biāo)的第一視覺是一個(gè)色塊，異形圖標(biāo)第一視覺是個(gè)形狀，所以面性圖標(biāo)視覺表現(xiàn)力強(qiáng)，異形圖標(biāo)識別效率高。

 

用圖標(biāo)區(qū)別視覺層級、業(yè)務(wù)板塊。設(shè)計(jì)圖標(biāo)時(shí)要有主有次，有視覺層級。
很多圖標(biāo)設(shè)計(jì)都運(yùn)用了四色系原則。一般多色的圖標(biāo)表現(xiàn)形式，保證四個(gè)色系是比較合理的，紅、黃、藍(lán)、綠四個(gè)色系也能夠映射大多數(shù)業(yè)務(wù)的屬性。例如“果蔬”運(yùn)用了綠色，給人一種新鮮健康的感受，“鮮花”運(yùn)用紅色系體現(xiàn)鮮花原本的特征，以及人對“鮮花”顏色通常的認(rèn)知。
當(dāng)然四色系原則也不是絕對的，只要視覺上舒適，業(yè)務(wù)上符合，是可以突破四色系的，一般情況下四色系能夠保證圖標(biāo)用色的合理性和的。

最后說一下黑色的線性圖標(biāo)，黑色用好了很高級有逼格，用不好卻會讓人覺得很難接受。
看下微信、汽車之家、寺庫奢侈品等產(chǎn)品，都運(yùn)用了純黑色的圖標(biāo)，而且看起來都很不錯(cuò)。黑色象征著高貴、穩(wěn)重、科技。黑色是一個(gè)很強(qiáng)大的色彩。它可以很莊重、高雅，而且可以讓其它顏色(亮色)突顯出來。在只使用黑色而不用其它顏色的時(shí)候，會有一種沉重的感覺。
黑色可以流露出高雅、剛毅、信心、神秘、權(quán)力和力量。汽車之家為什么運(yùn)用了純黑色圖標(biāo)，因?yàn)槠囍矣脩裟行跃佣?，又是關(guān)于車的業(yè)務(wù)，所以完全迎合產(chǎn)品的業(yè)務(wù)屬性和目標(biāo)人群。再者就是奢侈品的產(chǎn)品，常常用純黑色，能夠很好的傳遞神秘、高貴、價(jià)值的感受。
微信為什么運(yùn)用了純黑色Tab圖標(biāo)？因?yàn)楦m合，微信的品牌色為綠色，頁面中的占比少之又少，大量的是灰白顏色，所以要讓頁面有所表現(xiàn)，純黑色無疑在視覺上最舒適。

圖標(biāo)的表現(xiàn)形式有很多種，以上所探討的是對圖標(biāo)運(yùn)用的一種思考方式。所以，都不是絕對的說法，無論哪種類型的圖標(biāo)，只要讓產(chǎn)品有一個(gè)好的表現(xiàn)形式都是好的。