人
已閱讀
已閱讀
開發一款APP要如何設計圖標
來源:lexintech.com ?? ?? 發布時間:2019-07-17
開發一款APP,圖標是很重要的一部分。圖標做為APP頁面中最重要的元素之一,合理的運用與設計,是UI設計師必備的技能。
APP圖標設計的風格類別有很多種,但主要可以大致概括為三大類:面性圖標、異形圖標、線性圖標。
面性圖標視覺表現力強,在頁面當中是視覺擔當,能有效的強調頁面的視覺重心,能更好的突出主要業務重心,所以常常用在首頁一級頁面做為主要流量分發。
列表流不建議用面性圖標,原因是形式與功能之間的關系,面性圖標的特點是視覺表現力強,相對其他類型的圖標不具備高效的識別性,對于功能分類的頁面,沒有起到一個很好的高度概括性與高效引導的作用。
面性圖標一般也不在頁面中大量的出現。
面性圖標更容易營造氛圍,很多產品在節日或活動中,常常改變面性圖標來營造氣氛,原因是面性的圖標有很強的視覺表現力。
面性圖標視覺表現力強,在頁面當中是視覺擔當,能有效的強調頁面的視覺重心,能更好的突出主要業務重心,所以常常用在首頁一級頁面做為主要流量分發。
列表流不建議用面性圖標,原因是形式與功能之間的關系,面性圖標的特點是視覺表現力強,相對其他類型的圖標不具備高效的識別性,對于功能分類的頁面,沒有起到一個很好的高度概括性與高效引導的作用。
面性圖標一般也不在頁面中大量的出現。
面性圖標更容易營造氛圍,很多產品在節日或活動中,常常改變面性圖標來營造氣氛,原因是面性的圖標有很強的視覺表現力。
面性圖標的第一視覺是一個色塊,異形圖標第一視覺是個形狀,所以面性圖標視覺表現力強,異形圖標識別效率高。
用圖標區別視覺層級、業務板塊。設計圖標時要有主有次,有視覺層級。
很多圖標設計都運用了四色系原則。一般多色的圖標表現形式,保證四個色系是比較合理的,紅、黃、藍、綠四個色系也能夠映射大多數業務的屬性。例如“果蔬”運用了綠色,給人一種新鮮健康的感受,“鮮花”運用紅色系體現鮮花原本的特征,以及人對“鮮花”顏色通常的認知。
當然四色系原則也不是絕對的,只要視覺上舒適,業務上符合,是可以突破四色系的,一般情況下四色系能夠保證圖標用色的合理性和的。
很多圖標設計都運用了四色系原則。一般多色的圖標表現形式,保證四個色系是比較合理的,紅、黃、藍、綠四個色系也能夠映射大多數業務的屬性。例如“果蔬”運用了綠色,給人一種新鮮健康的感受,“鮮花”運用紅色系體現鮮花原本的特征,以及人對“鮮花”顏色通常的認知。
當然四色系原則也不是絕對的,只要視覺上舒適,業務上符合,是可以突破四色系的,一般情況下四色系能夠保證圖標用色的合理性和的。
最后說一下黑色的線性圖標,黑色用好了很高級有逼格,用不好卻會讓人覺得很難接受。
看下微信、汽車之家、寺庫奢侈品等產品,都運用了純黑色的圖標,而且看起來都很不錯。黑色象征著高貴、穩重、科技。黑色是一個很強大的色彩。它可以很莊重、高雅,而且可以讓其它顏色(亮色)突顯出來。在只使用黑色而不用其它顏色的時候,會有一種沉重的感覺。
黑色可以流露出高雅、剛毅、信心、神秘、權力和力量。汽車之家為什么運用了純黑色圖標,因為汽車之家用戶男性居多,又是關于車的業務,所以完全迎合產品的業務屬性和目標人群。再者就是奢侈品的產品,常常用純黑色,能夠很好的傳遞神秘、高貴、價值的感受。
微信為什么運用了純黑色Tab圖標?因為更適合,微信的品牌色為綠色,頁面中的占比少之又少,大量的是灰白顏色,所以要讓頁面有所表現,純黑色無疑在視覺上最舒適。
看下微信、汽車之家、寺庫奢侈品等產品,都運用了純黑色的圖標,而且看起來都很不錯。黑色象征著高貴、穩重、科技。黑色是一個很強大的色彩。它可以很莊重、高雅,而且可以讓其它顏色(亮色)突顯出來。在只使用黑色而不用其它顏色的時候,會有一種沉重的感覺。
黑色可以流露出高雅、剛毅、信心、神秘、權力和力量。汽車之家為什么運用了純黑色圖標,因為汽車之家用戶男性居多,又是關于車的業務,所以完全迎合產品的業務屬性和目標人群。再者就是奢侈品的產品,常常用純黑色,能夠很好的傳遞神秘、高貴、價值的感受。
微信為什么運用了純黑色Tab圖標?因為更適合,微信的品牌色為綠色,頁面中的占比少之又少,大量的是灰白顏色,所以要讓頁面有所表現,純黑色無疑在視覺上最舒適。
圖標的表現形式有很多種,以上所探討的是對圖標運用的一種思考方式。所以,都不是絕對的說法,無論哪種類型的圖標,只要讓產品有一個好的表現形式都是好的。