2020年图标设计趋势~收藏好了

作者:功夫UX

1.jpg

 

双色渐变图标

2019年渐变色流行了一整年,那么2020年双色渐变设计依然持续是一个大趋势,因为单一的色调无法满足产品所需,双色调图标的特点就是色彩对比鲜明,青春活力,这种相比单色调图标,更适合应用于一些主流偏年轻化产品,因此设计师还可以通过设计色彩打动用户,提升产品竞争力。

 

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

2.jpg

3.jpg

4.jpg

 

2. 双色调混合模式叠加

5.png

6.png

7.png

8.png

 

单色渐变透明图标

Alpha icon 图标风格最大特点就是单色带透明渐变,通过弱透明度来制造视觉层次,如果是纯白色,就会显得图标平庸了一些,这种图标运用范围可以是界面中空场景或者一些关键模块的主功能图标。我个人还是蛮喜欢的,大家不凡可以尝试下。

9.png

10.jpg

11.png

 

如下图左侧大卡片上面图标应用思路。

12.jpg

 

 

层叠式图标

层叠式图标,相比于纯白色线条图标,它带来一种更舒适的质感,其设计方法是通过穿插层叠的手法,将日常我们所见到的单一的线条图标,变得更具有视觉层次感。

13.png

14.png

15.png

 

品牌植入

品牌植入一直是非常大趋势,包括今年我们所看到两大厂的品牌更新IBM和UBER等,都是将品牌核心符号植入设计中,我想这样的思路在2020年将持续会是一个重要表达产品气质和记忆点手法打造思路之一

16.png

17.jpg

18.jpg

19.png

20.png

 

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

 

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

21.jpg

22.png

23.jpg

 

动态图标

动态图标是一个能提升产品体验的方法之一,也是微交互中的一种,它可以增加产品趣味性。

24.png

 

Facebook表情动画

25.jpg

 

Apple Face ID

 

其他类型图标动画

26.gif

 

 

28.gif

 

好了,以上就是为大家分享关于2020年图标的设计趋势,希望对大家带来帮助!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值