圖標(biāo)是幾乎任何網(wǎng)站都需要的重要組成部分,無論是用來傳遞信息、導(dǎo)航還是用來裝飾,圖標(biāo)和類似圖標(biāo)的元素都是一種富有吸引力的有趣的功能性元素。
雖然在過去的幾年間,扁平化設(shè)計一直處于主流,但是現(xiàn)在越來越多的設(shè)計師開始青睞等軸測的圖標(biāo)元素。這一趨勢不僅體現(xiàn)在網(wǎng)頁設(shè)計上,在平面設(shè)計領(lǐng)域同樣非常流行。
它指所有流行,很大程度上是因為它不同于傳統(tǒng)扁平化設(shè)計的立體質(zhì)感和逼真質(zhì)感。同時,等軸測圖標(biāo)元素在設(shè)計細(xì)節(jié)上依舊使用的是扁平化的方式,這也使得它成為更優(yōu)、也更好的選擇。
等軸測圖標(biāo)趨勢是怎么回事
其實等軸測的設(shè)計并不難理解,它是一種在二位平面中繪制三維物體的方法。等軸測圖標(biāo)是這種設(shè)計技法在圖標(biāo)設(shè)計中的延伸,這也是它最富有吸引力的地方。
等軸測圖標(biāo)受歡迎并不難理解,它形狀突出,足夠簡單,而且還有縱深。它擁有平面設(shè)計該有的美感,在視覺上更有吸引力,也更易于用戶理解。
絕大多數(shù)的設(shè)計師對于等軸測圖標(biāo)都抱有開放的心態(tài),在設(shè)計的時候,絕大多數(shù)的設(shè)計師都會讓圖標(biāo)和明亮的色彩結(jié)合起來使用,看起來也頗具有真實感和吸引力。
借助陰影和視角上的變化,設(shè)計師還能讓等軸測圖標(biāo)更加具有層次感和視覺吸引力。不過在設(shè)計等軸測圖標(biāo)的時候,周圍的環(huán)境元素應(yīng)當(dāng)做成貼合等軸測風(fēng)格的迷你版本。
它是扁平化圖標(biāo)的自然進化
等軸測圖標(biāo)其實還算是扁平化設(shè)計的延伸,從根源上來說,是屬于扁平化2.0 和 Material Design 的變體。元素從3D空間投射到2D平面之后,使用干凈簡約的線條來呈現(xiàn)造型。
通常,配色方案會來自扁平化設(shè)計。
等軸測圖標(biāo)相對而言更易于理解,并且具有設(shè)計師所喜歡的平面設(shè)計的特征。
如何使用等軸測圖標(biāo)
實際上,許多設(shè)計師并不只停留在使用等軸測圖標(biāo),而是將它延伸到插畫,甚至到更系統(tǒng)的設(shè)計層面上。
等軸測圖標(biāo)可以以幾乎任何方式來使用,并且具有不同的視覺屬性。
這種圖標(biāo)風(fēng)格的好處之一在于,它足夠簡單,可以是靜態(tài)也可以是動態(tài),它足夠小巧,對于網(wǎng)頁而言也不會有太大壓力。
等軸測圖標(biāo)的應(yīng)用范疇非常廣,它可以用作超大尺寸的按鈕,作為插畫,也能作為導(dǎo)航,還能為網(wǎng)頁創(chuàng)造視覺焦點。
值得注意的事項
雖然等軸測圖標(biāo)很時髦,但是它并不一定適合所有的項目。
通常會認(rèn)為這種設(shè)計太過于“卡通”,而在有的設(shè)計項目當(dāng)中,明亮的配色會喧賓奪主,或者看起來太花哨,影響視覺信息的傳達。在這種局面下,就需要小心了。
如果沒有計劃,使用太多的等軸測圖標(biāo)可能會讓人覺得難以接受。
構(gòu)建一套等軸測圖標(biāo)所需要花費的時間比普通的扁平化的圖標(biāo)更加耗時。有太多的立體化的細(xì)節(jié)需要考慮,如果方向或者細(xì)節(jié)出現(xiàn)錯誤,用戶會很容易分辨出來也更容易感到迷惑。
由于等軸測圖標(biāo)的風(fēng)格多變,許多圖標(biāo)合集可能會呈現(xiàn)出「過度設(shè)計」的感覺,設(shè)計師在這個時候應(yīng)該仔細(xì)篩選,避免使用這樣的圖標(biāo)合集。不論怎么說,恰到好處的設(shè)計始終是最理想的,而最合適的圖標(biāo)也始終是「隱形」的,潤物細(xì)無聲地存在于整個設(shè)計體系當(dāng)中。所以,在選擇或者設(shè)計的時候,盡量讓等軸測圖標(biāo)貼合整體風(fēng)格,不要喧賓奪主。
等軸測圖標(biāo)相關(guān)資源
如果你之前從未使用過等軸測圖標(biāo),也未曾自己動手設(shè)計過,那么最好是找一套現(xiàn)成的等軸測圖標(biāo)。有許多現(xiàn)成的等軸測圖標(biāo)資源可以供你使用,你可以借助它們更快地完善當(dāng)前的設(shè)計項目。
許多相關(guān)的圖標(biāo)合集都是矢量的,不僅可以響應(yīng)不同的設(shè)計需求,而且也便于你進行修改和調(diào)整,這些資源大多是 AI 格式的或者 EPS,無損縮放。
下面是一些素質(zhì)相當(dāng)過硬的等軸測圖標(biāo)合集:
- Isometric Arrow Icons
- Isometric Kitchen Objects
- Multipurpose Isometric Icons
- Isometric Infographic Set Elements
- Isometric SEO Icons
- Cryptocurrency Blockchain Isometric Icons
- Isometric Office Equipment
- Mobile Communication and Multimedia Icons
- Flat Finance Isometric Icons
- Isometric Icons Bundle
如果你想自己動手設(shè)計,那么下面的資源不要錯過:
- Learn How to Create Isometric Illustrations
- Isometric Design Inspiration On Dribbble
- Video: Isometric Design for Beginners
- 22 Illustrator Tutorials for Creating Isometric Illustrations
- Video: Adobe Illustrator isometric action tutorial
結(jié)語
你想跟上等軸測圖標(biāo)的設(shè)計風(fēng)潮么?那么現(xiàn)在就可以動手了,不要放過這些現(xiàn)成的資源,如果你愿意動手自己設(shè)計,也不難。
注意配色方案和擬真度的控制,它們會直接影響到整個設(shè)計的效果,多看看別人的設(shè)計和現(xiàn)成的圖標(biāo)合集,找到符合你的項目的平衡點。
「2018年設(shè)計趨勢,一個都不要錯過」
- 《2018年,這10個LOGO設(shè)計趨勢值得你關(guān)注》
- 《超全面總結(jié)!2017年UI設(shè)計領(lǐng)域流行過這21個設(shè)計趨勢》
- 《掌握這12個移動端UX設(shè)計趨勢,你就掌控了2018年》
- 《這款獨特的紫色,是為你指引2018年設(shè)計方向的年度潘通色》
================明星欄目推薦================
優(yōu)優(yōu)教程網(wǎng): UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎(chǔ)設(shè)計愛好者也準(zhǔn)備了貼心的知識樹專欄。開啟免費自學(xué)新篇章,按照我們的專欄一步步學(xué)習(xí),一定可以迅速上手并制作出酷炫的視覺效果。
設(shè)計導(dǎo)航:國內(nèi)人氣最高的設(shè)計網(wǎng)址導(dǎo)航,設(shè)計師必備: http://hao.uisdc.com
復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計師平臺,提供獎品贊助 聯(lián)系我們
品牌形象設(shè)計標(biāo)準(zhǔn)教程
已累計誕生 726 位幸運星
發(fā)表評論 為下方 4 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓