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