面性圖標(biāo)的ui應(yīng)該如何設(shè)計(jì)?與線性圖標(biāo)相比,面性圖標(biāo)設(shè)計(jì)沒有那么繁瑣,有更多的選擇性與延展性,對(duì)于ui設(shè)計(jì)培訓(xùn)的設(shè)計(jì)小白來說應(yīng)該怎么設(shè)計(jì)好面性圖標(biāo)確實(shí)值得我們的注意。

　　一、面性圖標(biāo)

　　面性圖標(biāo)比線性圖標(biāo)更能表達(dá)出圖標(biāo)的力量感和重量感，比線性圖標(biāo)會(huì)更加容易吸引用戶目光，在識(shí)別度上，面性圖標(biāo)更加依賴于外輪廓的清晰度，因此在設(shè)計(jì)時(shí)對(duì)于外形的打磨是重中之重，清晰的外輪廓可以幫助提高識(shí)別度。

　　二、面性圖標(biāo)的基礎(chǔ)分析及想法

　　1、鏤空對(duì)比

　　適當(dāng)?shù)溺U空除了補(bǔ)充了圖形的識(shí)別度外，還提升了面性圖標(biāo)的設(shè)計(jì)細(xì)節(jié)。另外，需要控制好鏤空部分與整體的外形比例，過小或過大都可能影響圖標(biāo)的平衡感。

　　2、繁簡(jiǎn)對(duì)比

　　設(shè)計(jì)面性圖標(biāo)時(shí)，對(duì)于多余細(xì)節(jié)的管理也很重要。隨著細(xì)節(jié)的增加，塊面切割過多，會(huì)使得整體圖標(biāo)變得過于零碎，保持簡(jiǎn)約的設(shè)計(jì)提高圖標(biāo)的識(shí)別度，在關(guān)鍵的特征細(xì)節(jié)上做補(bǔ)充。

　　3、輪廓對(duì)比

　　輪廓的差異會(huì)體現(xiàn)出不同的氣質(zhì)，流暢的外形可以讓面形圖標(biāo)的整體更加簡(jiǎn)潔、規(guī)整。

　　4、形體對(duì)比

　　形態(tài)上的差異也會(huì)具有不一樣的視覺感知，單獨(dú)形體與組合之后的形體相比視覺感知更直觀些，而組合形的圖標(biāo)相對(duì)會(huì)精致一些，多了一些層次。ui設(shè)計(jì)的經(jīng)驗(yàn)是：越小的圖標(biāo)形體應(yīng)該越簡(jiǎn)單，因此建議單體出現(xiàn)較好;若圖標(biāo)的尺寸足夠大時(shí)可采用組合型的設(shè)計(jì)，補(bǔ)充圖標(biāo)的細(xì)節(jié)。

　　三、面性圖標(biāo)類型拓展

　　1、微質(zhì)感漸變

　　微弱的漸變提升了圖標(biāo)的質(zhì)感，漸變的方向會(huì)影響整體圖標(biāo)的視覺效果，因此可以根據(jù)不同設(shè)計(jì)的需要進(jìn)行調(diào)整。

　　2、單色面+點(diǎn)綴色

　　整體的外形使用統(tǒng)一的顏色，結(jié)合圖標(biāo)的屬性感知使用不同的顏色進(jìn)行點(diǎn)綴，通過點(diǎn)綴色提亮了圖標(biāo)的視覺效果，達(dá)到既統(tǒng)一又具有差異化的效果。

　　3、顏色疊加穿透

　　圖標(biāo)透明疊加之后產(chǎn)生了交錯(cuò)的負(fù)形，疊加出第三個(gè)面，雖然整體設(shè)計(jì)依然保持著扁平化，但卻多了一份層次感，并且增加了圖標(biāo)的細(xì)節(jié)。

　　面性圖標(biāo)的ui應(yīng)該如何設(shè)計(jì)?面性圖標(biāo)類型的拓展還有很多種形式，設(shè)計(jì)師們?cè)趯?shí)際操作過程中，可以結(jié)合產(chǎn)品特性，適當(dāng)增加或選擇不同的呈現(xiàn)形式，來提高面性圖標(biāo)的設(shè)計(jì)感與實(shí)用性。

　　更多關(guān)于“UI設(shè)計(jì)培訓(xùn)”的問題，歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學(xué)，課程大綱緊跟企業(yè)需求，更科學(xué)更嚴(yán)謹(jǐn)，每年培養(yǎng)泛IT人才近2萬人。不論你是零基礎(chǔ)還是想提升，都可以找到適合的班型，千鋒教育隨時(shí)歡迎你來試聽。