六安ui设计中的动效的连续性

发布者: u-walker 发布时间: 2019-07-26 浏览 113
  六安ui设计中的动效的连续性。动效是吸引用户流量的有效方式之一,想要学好动效设计,就要全面了解动效。下面,小编就给零基础学ui的同学分享一下关于动效的连续性。

六安ui设计中的动效的连续性

  一、补间

  补间的作用是补充元素在两种状态间转换时缺少的动作,例如,一个开关可以在屏幕上平滑移动,或者FAB可以通过补间变为新的页面或者页卡。补间只能用于那些具有中间值属性的变化,像颜色之类的,补间不能应用于无法生成中间值或中间状态的元素,例如栅格设计中的列数必须是整数,因此不能介于它们之间生成补间。推荐阅读>>>短视频制作过程中需注意哪些问题

  二、渐隐

  渐隐动画是通过利用元素之间的透明度变换来设计补间的,即使需要补间的两个元素的属性不具有中间状态,六安ui设计师也可以通过渐隐动画来创造平滑的过渡。比如一个图片可以通过逐渐降低透明度的方式露出另一个图像的来转换到另一个图像。

  三、渐隐穿透

  渐隐穿透是指在另一个元素淡入前,该元素就已经完全淡出的效果,这种过度可以应用于文本,图标和其他不完全重叠的元素。

  四、共享变形

  共享变形是在转换的时候使多个元素进行类似的变换以增强动画的连续性,例如界面突然出现两个不同的图标切换时,用户往往会不知所措,共享变形使得两个图标在出现时都进行旋转的话,动画效果就不会突兀,变得更加容易理解。

  五、溶解与交叉溶解

  溶解动画是在两个重叠的元素之间创建过渡的动画,交叉溶解动画涉及两个同时渐隐的元素,一个淡入一个淡出,呈现交叉状态,注意,如果界面中有多个交叉溶解动画很可能会分散用户的注意力。

  六安ui设计中的动效的连续性。学习、掌握动效的连续性设计,有利于提高整体的动效表达效果,从而可以进一步吸引流量,提高用户体验。

本页网址:https://www.u-walker.com/luan/856.html

上一篇: 六安ui设计中的交互设计趋势

下一篇: PPT设计中的基本原则

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部