Duoton图标

双色渐变图标

--

2019年渐变色流行了一整年,那么2020年双色渐变设计依然持续是一个大趋势,因为单一的色调无法满足产品所需,双色调图标的特点就是色彩鲜明鲜明,青春活力,这种程度单色调图标,更适合于某些主流偏向年轻化产品,因此设计师还可以通过设计色彩打动用户,提升产品竞争力,工具化产品也可以使用这样的层次的图标,不过使用时,需要对色彩进行克制使用。因此,如果您希望自己的设计界面脱颖而出,可以去大胆的使用双色调色彩。

 

 

1.双色调多层质感(弥散梯度,投影,混合模式)

 

 

 

2.双色调混合模式叠加

 

 

 

 

Alpha图标

单色渐变透明图标

--

Alpha icon图标风格最大特点就是单色带透明等级,通过弱短来制造视觉层次,如果是纯白色,就会出现图标平庸了一些,这种图标使用范围可以是界面中空场景或者一些关键模块的主功能图标。

 

 

 

如下图顶端大卡片上面图标应用思路。

 

 

 

 

 

 

级联图标

一体式图标

--

一体式图标,按上于纯白色线条图标,它带来一种更舒适的质感,其设计方法是通过穿插插入的手法,将日常我们所见到的单一的线条图标,变得更具有视觉层次感,当然这种图标使用场景一般会是在功能说明性页面,功能介绍等。

 

 

 

 

 

品牌图示

品牌植入

--

品牌植入一直是非常大趋势,包括今年我们所看到的两大厂的品牌更新IBM和UBER等,都是将品牌核心符号植入设计中,我想这样的思路在2020年将持续会是一个重要表达产品气质和记忆点手法打造思路之一,因为用户已经很熟悉目前的图标模式,如何能创新区别其他产品,于是整合品牌将是一个不错的选择〜品牌的整合技巧有高低之分,需要设计老师去完善设计

 

图标与IBM字母基因某些地方保持一致性。

 

 

同样多邻国在前段时间更新品牌,添加其LOGO特征符号植入字体中。

 

 

 

 

 

运动图标

动态图标

--

动态图标是一个能提升产品体验的方法之一,也是微交互中的一种,它可以增加产品趣味性,Facebook在评论入口的表情动画就运用了动态图标,包括苹果Apple Pay付款成功图标动画, Google Assistant智能助手,Messenger中的打招呼动画等等我们可以逐渐发现动态图标比静态图标的表达性更强,更受到青睐,转换硬件升级,这种动态图标运用逐渐在越来越多的场景可见到。

 

Facebook表情动画

 

Apple Face ID

 

 

其他类型图标动画

 

 

 

 

摘要

总结

--

在整个互联网大趋势下,研究图标将来的风格走向,做好未雨绸缪缪,希望逐步为开端,大家能发现更好的设计趋势风格,纳入产品设计里面,当然趋势是好的,我们运用时候更多需要从产品本身定位出发,产品性格去合理运用设计趋势,提升产品设计品质。