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

　　一、面性圖標

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

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

　　1、鏤空對比

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

　　2、繁簡對比

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

　　3、輪廓對比

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

　　4、形體對比

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

　　三、面性圖標類型拓展

　　1、微質(zhì)感漸變

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

　　2、單色面+點綴色

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

　　3、顏色疊加穿透

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

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

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