正在瘋狂流行的等軸測圖標,千萬不要錯過
圖標是幾乎任何網站都需要的重要組成部分,無論是用來傳遞信息、導航還是用來裝飾,圖標和類似圖標的元素都是一種富有吸引力的有趣的功能性元素。
雖然在過去的幾年間,扁平化設計一直處于主流,但是現在越來越多的設計師開始青睞等軸測的圖標元素。這一趨勢不僅體現在網頁設計上,在平面設計領域同樣非常流行。
它指所有流行,很大程度上是因為它不同于傳統扁平化設計的立體質感和逼真質感。同時,等軸測圖標元素在設計細節上依舊使用的是扁平化的方式,這也使得它成為更優、也更好的選擇。
等軸測圖標趨勢是怎么回事
其實等軸測的設計并不難理解,它是一種在二位平面中繪制三維物體的方法。等軸測圖標是這種設計技法在圖標設計中的延伸,這也是它最富有吸引力的地方。
等軸測圖標受歡迎并不難理解,它形狀突出,足夠簡單,而且還有縱深。它擁有平面設計該有的美感,在視覺上更有吸引力,也更易于用戶理解。
絕大多數的設計師對于等軸測圖標都抱有開放的心態,在設計的時候,絕大多數的設計師都會讓圖標和明亮的色彩結合起來使用,看起來也頗具有真實感和吸引力。
借助陰影和視角上的變化,設計師還能讓等軸測圖標更加具有層次感和視覺吸引力。不過在設計等軸測圖標的時候,周圍的環境元素應當做成貼合等軸測風格的迷你版本。
它是扁平化圖標的自然進化
等軸測圖標其實還算是扁平化設計的延伸,從根源上來說,是屬于扁平化2.0 和 Material Design 的變體。元素從3D空間投射到2D平面之后,使用干凈簡約的線條來呈現造型。
通常,配色方案會來自扁平化設計。
等軸測圖標相對而言更易于理解,并且具有設計師所喜歡的平面設計的特征。
如何使用等軸測圖標
實際上,許多設計師并不只停留在使用等軸測圖標,而是將它延伸到插畫,甚至到更系統的設計層面上。
等軸測圖標可以以幾乎任何方式來使用,并且具有不同的視覺屬性。
這種圖標風格的好處之一在于,它足夠簡單,可以是靜態也可以是動態,它足夠小巧,對于網頁而言也不會有太大壓力。
等軸測圖標的應用范疇非常廣,它可以用作超大尺寸的按鈕,作為插畫,也能作為導航,還能為網頁創造視覺焦點。
值得注意的事項
雖然等軸測圖標很時髦,但是它并不一定適合所有的項目。
通常會認為這種設計太過于“卡通”,而在有的設計項目當中,明亮的配色會喧賓奪主,或者看起來太花哨,影響視覺信息的傳達。在這種局面下,就需要小心了。
如果沒有計劃,使用太多的等軸測圖標可能會讓人覺得難以接受。
構建一套等軸測圖標所需要花費的時間比普通的扁平化的圖標更加耗時。有太多的立體化的細節需要考慮,如果方向或者細節出現錯誤,用戶會很容易分辨出來也更容易感到迷惑。
由于等軸測圖標的風格多變,許多圖標合集可能會呈現出「過度設計」的感覺,設計師在這個時候應該仔細篩選,避免使用這樣的圖標合集。不論怎么說,恰到好處的設計始終是最理想的,而最合適的圖標也始終是「隱形」的,潤物細無聲地存在于整個設計體系當中。所以,在選擇或者設計的時候,盡量讓等軸測圖標貼合整體風格,不要喧賓奪主。
等軸測圖標相關資源
如果你之前從未使用過等軸測圖標,也未曾自己動手設計過,那么最好是找一套現成的等軸測圖標。有許多現成的等軸測圖標資源可以供你使用,你可以借助它們更快地完善當前的設計項目。
許多相關的圖標合集都是矢量的,不僅可以響應不同的設計需求,而且也便于你進行修改和調整,這些資源大多是 AI 格式的或者 EPS,無損縮放。
結語
你想跟上等軸測圖標的設計風潮么?那么現在就可以動手了,不要放過這些現成的資源,如果你愿意動手自己設計,也不難。
注意配色方案和擬真度的控制,它們會直接影響到整個設計的效果,多看看別人的設計和現成的圖標合集,找到符合你的項目的平衡點。
精選課程
共鳴設計——科學與審美的交匯,以Xiaomi SU7設計為例
李田原
小米汽車 設計總監
設計論文寫作:如何將實踐案例轉換為可發表的文本
2024產品設計專業系統化能力提升課程
2024體驗設計專業系統化能力提升課程
玩轉行為設計 高效提升產品業績(中文字幕)
Joris Groen
Buyerminds 聯合創始人,創意總監