2020年图标设计的5个趋势

产品老司机?#32844;?#25163;教写文档,10天线上课程,零基础掌握产品经理必备7大文档撰写法。了解一下>

2019年还剩下3月就结束了,最近研究了下2020年数字设计领域的未来趋势。从各大设计网站上观察到一些最受喜爱的作品,从中研究发现图标色彩及图形趋势走向, 包括一些已经上线的应用,从中提取一些未来可能的设计风格走向!

Duoton icon 双色渐变图标

2019年渐变色流行了一整年,那么2020年双色渐变设计依然?#20013;?#26159;一个大趋势,因为单一的色调无法满足产品所需,双色调图标的特点就是色彩?#21592;?#40092;明,青春活力,这种相比单色调图标,更适合应用于一些主流偏年轻化产品;

因此设计师还可以通过设计色彩打动用户,提升产品竞争力,工具化产品也可以使用这样有层次的图标,?#36824;?#20351;用时,需要对色彩进行克制使用。

因此,如果您希望自己的设计界面脱颖而出,可以去大胆的使用双色调色彩。

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

2. 双色调混合模式叠加

Alpha icon?单色渐变?#35813;?#22270;标

Alpha icon 图标风格最大特点就是单色带?#35813;?#28176;变,通过弱?#35813;?#24230;来制造视觉层次,如果是纯白色,就会显得图标平庸了一些,这种图标运用范围可以是界面中空场景或者一些关键模块的主功能图标。

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

Cascade icon?层叠式图标

层叠式图标,相比于纯白色线条图标,它带来一种更舒适的质感,其设计方法是通过穿插层叠的?#22336;ǎ?#23558;日常我们所见到的单一的线条图标,变得更具有视觉层次感,当然这种图标使用场景一般会是在功能说明性页面,功能介绍?#21462;?/p>

Brand icon?品牌植入

品牌植入一直是非常大趋势,包括今年我们所看到两大厂的品牌更新IBM和UBER等,都是将品牌核心符号植入设计中;

我想这样的思路在2020年将?#20013;?#20250;是一个重要表达产品气质?#22270;?#24518;点?#22336;?#25171;造思?#20998;?#19968;,因为用户已经很熟悉目前图标模式,如何能创新区别其他产品,那么融入品?#24179;?#26159;一个不错的选择~品牌的融入?#35760;?#26377;高低之分,需要设计师去巧妙设计


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

同样多邻国在前?#38382;?#38388;更新品牌,并将其LOGO特征符号植入字体中。

Motion icon?动态图标

动态图标是一个能提升产品体验的方法之一,也是微交互中的一种,它可以增加产品趣味性,Facebook在评论入口的表情动画就运用了动态图标, 包括?#36824;鸄pple Pay支付成功图标动画,Google Assistant智能助手,Messenger中的打招呼动画等?#21462;?/p>

我们可以逐渐发现动态图标比静态图标的表达性更强,更受到青睐,随着硬件升级,这种动态图标运用逐渐在越来越多场景可见到。

其他类型图标动画

?

OutLook中的日历图标动画

总结

在整个互联网大趋势下,研究图标将来的风格走向,做好未雨绸缪,希望以此为开端,大家能发现更好的设计趋势风格,融入产品设计里面。

当然趋势是好的,我们运用时候更多需要从产品本身定位出发,产品性格去合理运用设计趋势,提升产品设计品质。

#专栏作家#

TONY,公众号:功夫UX,人人都是产品经理专栏作家。百度高级UI设计师,关注互联网To C产品,关注物联网车载方面,擅长产品界面设计,产品基础设计语言定义,前瞻性设计风格探索。

本文原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

给作者打赏,鼓励TA抓紧创作!
评论
欢迎留言?#33268;踾!
  1. 然而双色渐变那?#21018;?#22270;去年就有了

    回复
  2. 动态图很好玩

    回复
  3. 双色渐变只适合于深色背景

    回复
圈子
关注微信公众号
大家都在问
八宝一后客服
何时才能中大奖 重庆时时彩后三包胆是什么意思 山西泳坛夺金规则 ag赢了几十万提不出款 重庆时时彩稳赚技巧 2019年双色球投注时间截止 黑龙江p62历史开奖全记录 电子烟实体店怎么样 黑龙江时时的玩法 167棋牌游戏官方下载 2019重庆时时开奖时间 浙江快乐12选5开奖結果 重庆时时万千走势 彩票双色球怎么玩 输入法打字赚钱会泄露隐私吗 广东26选5尾数走势图