认识达内从这里开始

认真做教育专心促就业

运城达内UI设计培训动效设计技术应用都有哪些常见类型

发布：运城达内教育官网
来源：互联网
时间：2022-07-25 09:03

动效设计是每一位UI设计师都应该熟练掌握并应用的一种设计能力，而本文我们就通过案例分析来简单了解一下，动效设计技术应用都有哪些常见类型。

运城达内UI设计培训动效设计技术应用都有哪些常见类型

缩放

缩放是简单稳重、包容性好的一种动效形式，不管是哪种样式的图标都可以选择使用缩放动效，同时也是一种较为通用的效果，不需要针对图标元素进行精巧地定制化设计。说白点就是可以套用，且出来的效果还不错，既有动式又不会太复杂夸张，对于视觉引导和明确反馈完全够用，所以它的应用比较广泛，适合大多数产品，是比较保守不易出错的一种选择。

除了整体图标的缩放，还可以调节图标元素的局部缩放，带来更加丰富多变的效果。

填充

填充动效顾名思义就是颜色的填充，适用于选中后过渡到面性的图标样式，可以是局部色块的填充，也可是填充图标整体，如从线性→线面或是从面性→面性，这几种样式选择填充效果，切换过程都可以做到自然流畅。若单纯只有线性图标的样式，图标面积单薄，不易出效果一般不建议使用。

生长

前面我们介绍了适合面性图标的填充动效，而现在要说的生长动效则与之相反，它适合的刚好是图标的线性部分，是线条从无到有的过程。经常与缩放动效搭配使用，为整个动效加入局部细节亮点，使其更加活泼灵动。

旋转

旋转动效是切换过程中图标或其中元素的角度旋转，与位移相同，旋转更多的也是针对具体图标做出的巧妙设计。

除了二维的旋转，还可以考虑三维的旋转效果，比如转转舵式导航中间图标的动效，融入了品牌IP形象的元素，向左向右的转头效果也与品牌“转转”的概念贴合，给人留下深刻印象。

点击

点击动效是在点击切换的过程中，在图标下层为点击区域添加色块，以加强点按的效果，让操作的反馈更加明确。

形状变化

形状变化也是需要针对图标形状元素定制化设计的一种，自由度高供设计师发挥的空间大，能产生许多生动有趣的效果。

组合

组合的话是融合多种类型的动效，比如美团外卖，是整体缩放与局部生长动效的结合。

还有一种是同组图标采用不同的动效，比如喜马拉雅的底部导航图标是从面性→面性的切换，图标整体没有统一的动效，但在每个图标的局部，都针对其特征设计了不同的动态效果。页图标是房子小窗户从上垂落的位移动效，我听星型中线条的生长动效，发现指针的旋转等都是与元素结合的设计，让原本面→面之间平淡的切换变得各有特色。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。

< 上一篇：运城达内大数据培训数据治理安全性分析

下一篇：运城达内Java培训Redis的高性能影响因素分析 >