千鋒教育-做有情懷、有良心、有品質的職業教育機構

                    手機站
                    千鋒教育

                    千鋒學習站 | 隨時隨地免費學

                    千鋒教育

                    掃一掃進入千鋒手機站

                    領取全套視頻
                    千鋒教育

                    關注千鋒學習站小程序
                    隨時隨地免費學習課程

                    【熱點話題】 零基礎學IT IT學習教程 IT學習筆記 IT技術干貨 IT培訓機構 IT應聘面試 IT職場就業 Java培訓機構哪些好
                    當前位置:首頁  >  關于學院  >  技術干貨  > 面性圖標的ui應該如何設計

                    面性圖標的ui應該如何設計

                    來源:千鋒教育
                    發布人:qyf
                    時間: 2022-08-31 17:10:02 1661937002

                    面性圖標的ui應該如何設計

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

                      一、面性圖標

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

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

                      1、鏤空對比

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

                      2、繁簡對比

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

                      3、輪廓對比

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

                      4、形體對比

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

                      三、面性圖標類型拓展

                      1、微質感漸變

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

                      2、單色面+點綴色

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

                      3、顏色疊加穿透

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

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

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

                    聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。

                    10年以上業內強師集結,手把手帶你蛻變精英

                    請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通

                    免費領取

                    今日已有369人領取成功

                    劉同學 138****2860 剛剛成功領取
                    王同學 131****2015 剛剛成功領取
                    張同學 133****4652 剛剛成功領取
                    李同學 135****8607 剛剛成功領取
                    楊同學 132****5667 剛剛成功領取
                    岳同學 134****6652 剛剛成功領取
                    梁同學 157****2950 剛剛成功領取
                    劉同學 189****1015 剛剛成功領取
                    張同學 155****4678 剛剛成功領取
                    鄒同學 139****2907 剛剛成功領取
                    董同學 138****2867 剛剛成功領取
                    周同學 136****3602 剛剛成功領取

                    推薦閱讀

                    最新文章

                    開班信息
                    北京校區
                    • 北京校區
                    • 大連校區
                    • 廣州校區
                    • 成都校區
                    • 杭州校區
                    • 長沙校區
                    • 合肥校區
                    • 南京校區
                    • 上海校區
                    • 深圳校區
                    • 武漢校區
                    • 鄭州校區
                    • 西安校區
                    • 青島校區
                    • 重慶校區
                    • 太原校區
                    • 沈陽校區

                    成·人免费午夜在线观看