BOB体验官网Axure入门案例系列——Axure制作气泡闪动图
点击量: 发布时间:2022-08-31 22:29:16

  在一些常见的大屏可视化中,均会以闪动的气泡作为一些提示符,进行动态的提示。

  尺寸的设置,相对于原始的尺寸进行变化。例如设置尺寸比原始尺寸小,则先进行变小的动效。

  动画时长,若不进行动画时长的设置,将会以很快的速度进行加载。基本在预览界面出来时已经加载完成。此处为了又相对缩放(放大)的效果,需设定时长。

  注:1秒为1000毫秒。通过设置300-500毫秒,时间越短,交互的动销变化越快。

  整体的交互效果就是为“ 大(原始状态)– 小 — 大 — 小 ”的循环,在此处可以借助元件的尺寸改变进行连续的触发交互。

  重点:为了保证交互的连续,此处的动画时长应该于载入时的交互一致,才可达到匀速收缩BOB体验官网。若想实现缩放非匀速可进行时间的差异化设定。

  关于尺寸,尺寸恢复至原始大小,若涉及渐变可以少或多几个像素,这样看起来交互能够自然。

  恢复至原始大小后,再重复设定缩小的交互。设置缩小的属性通载入时缩小的属性即可。

  只需在“ 大(原始状态)– 小 — 大 — 小 ”的状态中的最后一个环节(“ 大(原始状态)– 小 — 大 — 小 ”)中移除动画时长即可。移除动画时长BOB体验官网,对应元件会瞬间变小进行后续的循环教程知识。

  图标的效果变化其实和上述案例的设置一致,只需将对应的交互效果设定在图标上即可。BOB体验官网