品牌設(shè)計


2020年圖標(biāo)設(shè)計趨勢


如果你還不知道明年圖標(biāo)風(fēng)格趨勢,那么請堅定閱讀本篇文章,帶你了解2020圖標(biāo)風(fēng)格設(shè)計趨勢!

圖標(biāo)設(shè)計

2019年還剩下3月就結(jié)束了,最近研究了下2020年數(shù)字設(shè)計領(lǐng)域的未來趨勢。從各大設(shè)計網(wǎng)站上觀察到一些最受喜愛的作品,從中研究發(fā)現(xiàn)圖標(biāo)色彩及圖形趨勢走向, 包括一些已經(jīng)上線的應(yīng)用,從中提取一些未來可能的設(shè)計風(fēng)格走向!

Duoton icon

雙色漸變圖標(biāo)

2019年漸變色流行了一整年,那么2020年雙色漸變設(shè)計依然持續(xù)是一個大趨勢,因為單一的色調(diào)無法滿足產(chǎn)品所需,雙色調(diào)圖標(biāo)的特點就是色彩對比鮮明,青春活力,這種相比單色調(diào)圖標(biāo),更適合應(yīng)用于一些主流偏年輕化產(chǎn)品,因此設(shè)計師還可以通過設(shè)計色彩打動用戶,提升產(chǎn)品競爭力,工具化產(chǎn)品也可以使用這樣有層次的圖標(biāo),不過使用時,需要對色彩進行克制使用。因此,如果您希望自己的設(shè)計界面脫穎而出,可以去大膽的使用雙色調(diào)色彩。

1. 雙色調(diào)多層質(zhì)感(彌散漸變,直投影,混合模式)

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

2. 雙色調(diào)混合模式疊加

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

Alpha icon

單色漸變透明圖標(biāo)

Alpha icon 圖標(biāo)風(fēng)格最大特點就是單色帶透明漸變,通過弱透明度來制造視覺層次,如果是純白色,就會顯得圖標(biāo)平庸了一些,這種圖標(biāo)運用范圍可以是界面中空場景或者一些關(guān)鍵模塊的主功能圖標(biāo)。

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

如下圖左側(cè)大卡片上面圖標(biāo)應(yīng)用思路。

圖標(biāo)設(shè)計

Cascade icon

層疊式圖標(biāo)

層疊式圖標(biāo),相比于純白色線條圖標(biāo),它帶來一種更舒適的質(zhì)感,其設(shè)計方法是通過穿插層疊的手法,將日常我們所見到的單一的線條圖標(biāo),變得更具有視覺層次感,當(dāng)然這種圖標(biāo)使用場景一般會是在功能說明性頁面,功能介紹等。

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

Brand icon

品牌植入

品牌植入一直是非常大趨勢,包括今年我們所看到兩大廠的品牌更新IBM和UBER等,都是將品牌核心符號植入設(shè)計中,我想這樣的思路在2020年將持續(xù)會是一個重要表達產(chǎn)品氣質(zhì)和記憶點手法打造思路之一,因為用戶已經(jīng)很熟悉目前圖標(biāo)模式,如何能創(chuàng)新區(qū)別其他產(chǎn)品,那么融入品牌將是一個不錯的選擇~品牌的融入技巧有高低之分,需要設(shè)計師去巧妙設(shè)計

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

備注(因為視頻比較麻煩,因此省略了)下面是截圖,大家應(yīng)該能大致感受到

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

同樣多鄰國在前段時間更新品牌,并將其LOGO特征符號植入字體中。

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

同樣多鄰國在前段時間更新品牌,并將其特征元素植入字體中

Motion icon

動態(tài)圖標(biāo)

動態(tài)圖標(biāo)是一個能提升產(chǎn)品體驗的方法之一,也是微交互中的一種,它可以增加產(chǎn)品趣味性,F(xiàn)acebook在評論入口的表情動畫就運用了動態(tài)圖標(biāo), 包括蘋果Apple Pay支付成功圖標(biāo)動畫,Google Assistant智能助手,Messenger中的打招呼動畫等等我們可以逐漸發(fā)現(xiàn)動態(tài)圖標(biāo)比靜態(tài)圖標(biāo)的表達性更強,更受到青睞,隨著硬件升級,這種動態(tài)圖標(biāo)運用逐漸在越來越多場景可見到。

備注(因為視頻比較麻煩,因此省略了)

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

圖標(biāo)設(shè)計

Summary

總結(jié)


在整個互聯(lián)網(wǎng)大趨勢下,研究圖標(biāo)將來的風(fēng)格走向,做好未雨綢繆,希望以此為開端,大家能發(fā)現(xiàn)更好的設(shè)計趨勢風(fēng)格,融入產(chǎn)品設(shè)計里面,當(dāng)然趨勢是好的,我們運用時候更多需要從產(chǎn)品本身定位出發(fā),產(chǎn)品性格去合理運用設(shè)計趨勢,提升產(chǎn)品設(shè)計品質(zhì)。


相關(guān)文章

首頁  電話  咨詢  頂部