未来的趋势走向: 图标设计的5大风格

后面我们分享过有关UX和UI的设计趋势，但这也是一个大方向，都说细节决定成败，UI中的图标就是很重要的一个细节。今天我们再完善一下阐述关于界面设计的态势，通过颜色、图形、风格及一些上线APP进行探究，从中提取一些适用于将来设计样式，下面是字体设计的5大简约，无论是设计样式还是动效，都值得我们学习。

1.双色渐变图标（DuotonIcon）

2019年渐变色流行了一整年，那么2020年双色渐变设计仍然大幅是一个大趋势，因为单一的风格难以满足产品所需，双色块图标的特征就是颜色对比鲜明，青春朝气，这种相比单色调图标，更合适应用于一些主流偏年轻化产品，因此设计师还可以借助设计颜色吸引顾客，提升产品竞争力，工具化产品也可以使用这种有层次的图标，不过使用时，需要对色彩进行克制使用。因此，如果您希望自己的设计界面脱颖而出，可以去大胆的使用双色调色彩。

a.双色块多层质感(弥散渐变，直投影，混合模式)

b.双色调混合方式叠加

2.单色渐变透明图标（AlphaIcon）

Alphaicon图标样式最大特征就是彩色带透明渐变，通过弱透明度来制造视觉层次，如果是纯黑色，就会变得图标平庸了一些，这种图标采用范围可以是界面中空画面以及一些关键组件的主功能按钮。

如右图右边大卡片上方字体应用模式。

3.层叠式图标（CascadeIcon）

层叠式图标，相比于纯黑色花纹图标，它带给一种更精致的气质，其设计方式是借助穿插层叠的技巧，将日常我们所看到的单一的色块图标，变得更带有视觉层次感，当然这些界面使用画面通常会是在用途说明性页面，功能介绍等。

4.品牌植入（BrandIcon）

品牌植入一直是相当大趋势，包括每年我们所发现两大厂的品类更新IBM和UBER等，都是将品类核心符号植入设计中，我想这么的模式在2020年将大幅会是一个重要表达产品个性和记忆点技巧成为策略之一，因为用户早已很熟悉目前图标模式，如何能创新区别其它产品，那么融入品牌将是一个不错的选取~品牌的融入技巧有高低之分，需要设计师去巧妙设计

图标与IBM字母基因某些地方保持一致性，点击查看此视频。

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

5.动态图标（MotionIcon）

动态图标是一个能提高产品体验的方式之一，也是微交互中的一种，它可以降低产品创意性，Facebook在评论入口的表情动画就利用了动态图标，包括苹果ApplePay支付成功图标动画，GoogleAssistant智能助手，Messenger中的打招呼动画之类我们可以迅速看到动态图标比静态图标的表达性更强，更得到青睐，随着软件更新，这种动态图标运用日渐在愈发越多画面可看到。

看看整个表情动画，点击查看动画视频。

看完是不是认为非常有趣好玩。表情更接近我们生活。

再来个Applepay支付动态效果，点击查看视频演示。

其他类别图标动画

OutLook中的日历图标动画

总结

在整个互联网大趋势下，研究图标将来的样式走向，做好未雨绸缪，希望借此为开端，大家能看到更好的设计趋势风格，融入产品设计上面，当然趋势是好的，我们利用之后更多应该从产品原本定位出发，产品性格去合理利用设计趋势，提升产品设计质量。