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

　　一、面性圖標(biāo)

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

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

　　1、鏤空對比

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

　　2、繁簡對比

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

　　3、輪廓對比

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

　　4、形體對比

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

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

　　1、微質(zhì)感漸變

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

　　2、單色面+點綴色

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

　　3、顏色疊加穿透

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

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

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