咨询热线
来源:昆明天琥教育设计学校 时间:2021/5/21 17:50:10
指向性动效。
添加到列表
新的元素加入到原有的列表中,旧的元素被推开而不是替换,从而有现实中腾出位置的感觉,这种转场效果能够清楚的展现列表重新排列的过程,让用户知道新旧信息的位置,不会产生迷惑。
适合场景:当用户需要进行新操作时。有一些页面呈现的是将新的事件替换掉旧的,而使用这样的动效可以让用户更清晰的知道自己做了什么,例如点赞,打赏。
导航标签转换
根据内容的转换,按钮相应的在视觉上做出改变,而标题是随着内容移动而改变的,这样能够清晰的展示标签和内容之间的从属关系,让用户能够清晰理解页面之间的架构。
适合场景:同一层级页面之间的切换。例如切换导航,或者进度流程。使用动效可以让用户更了解架构,是标签而不是按钮的感觉。
融合
元素会根据用户的点击交互而分离或者是结合,用户可以感受到元素与元素之间的关联,比起直接切换,显然用融合动画更加有趣。
适合场景:当用户操作一个功能点时可能会处罚其他功能。例如运动app开始健身或者跑步的时候,点击开始后会出现暂定或是结束。
滚动
根据用户的手势进行滚动操作,非常使用与列表信息的查看。这个交互方式是我们用的频繁的,仙子我们也可以加入一些动效使这个交互更加的有趣和丰富。
适合场景:当用户垂直或者水平移动页面时。例如列表,图片,很多场景下都可以使用,也因此过于平凡,可以加一些动效让页面活起来。
没有想要的答案?马上提问