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

　　一、面性圖標

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

　　二、面性圖標的基礎分析及想法

　　1、鏤空對比

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

　　2、繁簡對比

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

　　3、輪廓對比

　　輪廓的差異會體現出不同的氣質，流暢的外形可以讓面形圖標的整體更加簡潔、規整。

　　4、形體對比

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

　　三、面性圖標類型拓展

　　1、微質感漸變

　　微弱的漸變提升了圖標的質感，漸變的方向會影響整體圖標的視覺效果，因此可以根據不同設計的需要進行調整。

　　2、單色面+點綴色

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

　　3、顏色疊加穿透

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

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

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