Duoton圖標

雙色漸變圖標

--

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

 

 

1.雙色調多層質感(彌散梯度,投影,混合模式)

 

 

 

2.雙色調混合模式疊加

 

 

 

 

Alpha圖標

單色漸變透明圖標

--

Alpha icon圖標風格最大特點就是單色帶透明等級,通過弱短來制造視覺層次,如果是純白色,就會出現圖標平庸了一些,這種圖標使用范圍可以是界面中空場景或者一些關鍵模塊的主功能圖標。

 

 

 

如下圖頂端大卡片上面圖標應用思路。

 

 

 

 

 

 

級聯圖標

一體式圖標

--

一體式圖標,按上于純白色線條圖標,它帶來一種更舒適的質感,其設計方法是通過穿插插入的手法,將日常我們所見到的單一的線條圖標,變得更具有視覺層次感,當然這種圖標使用場景一般會是在功能說明性頁面,功能介紹等。

 

 

 

 

 

品牌圖示

品牌植入

--

品牌植入一直是非常大趨勢,包括今年我們所看到的兩大廠的品牌更新IBM和UBER等,都是將品牌核心符號植入設計中,我想這樣的思路在2020年將持續會是一個重要表達產品氣質和記憶點手法打造思路之一,因為用戶已經很熟悉目前的圖標模式,如何能創新區別其他產品,于是整合品牌將是一個不錯的選擇?品牌的整合技巧有高低之分,需要設計老師去完善設計

 

圖標與IBM字母基因某些地方保持一致性。

 

 

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

 

 

 

 

 

運動圖標

動態圖標

--

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

 

Facebook表情動畫

 

Apple Face ID

 

 

其他類型圖標動畫

 

 

 

 

摘要

總結

--

在整個互聯網大趨勢下,研究圖標將來的風格走向,做好未雨綢繆繆,希望逐步為開端,大家能發現更好的設計趨勢風格,納入產品設計里面,當然趨勢是好的,我們運用時候更多需要從產品本身定位出發,產品性格去合理運用設計趨勢,提升產品設計品質。