动效设计是什么 常见的UI动效设计有哪些

【动效设计是什么 常见的UI动效设计有哪些】UI设计是近几年兴起的一个广受欢迎的设计门类,它从平面设计分支却不止于平面设计 。在我们的UI设计的过程中,经常会遇到动效设计 。那在UI设计里有哪些常见的动效设计呢?应该怎么运用呢?接下来就是小编为大家整理的,关于UI设计中的动效设计的运用,赶快来看看吧 。

动效设计是什么 常见的UI动效设计有哪些

文章插图
1.一个圆给它加上位置变化,就形成了一个基础的位移动画 。但是匀速运动的动画很单调,我们可以添加“缓动效果”,看起来就会更加自然了 。
2.如果是两个圆的话,以不同快慢的速度进行移动,这个就是“视差效果” 。
3.假设是有多个元素,一个接一个让它们运动,就形成了交错的“延迟动画” 。
4.除了位置属性,我们还可以利用元素放大缩小的方式,制作“缩放动画”,再复制一层,调整不透明度和大小,会让动画效果变得更加细腻 。
5.当你想要让一个圆变成一个矩形再变回圆形,这之间所发生的路径和圆角样式的改变就是“属性变换” 。
6.如果我们把圆放到一个矩形里,并且限定它的显示边界只在矩形的范围中展示的话,这个就是所谓的“遮罩” 。
7.在内容加载的时候,小伙伴们应该都见过loading的效果,这个呢就是“修剪路径动画” 。
以上就是小编为大家整理的,关于我们在UI设计中的一些动效设计的介绍,希望对你们有所帮助哦 。

    推荐阅读