UI中的基本动效:指向性动效

发布时间:2024-08-25 11:48:27 浏览量:138次

一、前言:

指向性动效可以有效地描述物体之间的逻辑关系,通过视觉效果可视化地展示物体当前的运动状态。指向性动效能够让用户清晰地感受到物体之间的位置关系和信息的层级架构。

二、指向性动效的分类:

1. 滑动

适用场合:用户需要导航以列表方式呈现的信息时。

运动描述:信息列表随用户的滑动手势而移动,保持整齐感。

一致性:属于指向性转场动效,根据用户的滑动指向移动物体。

优点:通过指向性转场帮助用户理清物体排列状况。

用户感受:就像捋一条长长的绸带。

案例:

2. 弹出

适用场合:用户与单一物体交互时。

运动描述:物体从缩略图转化为全屏视图,突出放大效果。

一致性:反向动效为物体从全屏视图转换为缩略图。

优点:清晰地告诉用户哪个物体被放大。

用户感受:物体在放大过程中。

案例:

3. 最小化

适用场合:用户想要最小化某个物体时。

运动描述:物体缩小并移动到屏幕相应位置。

一致性:扩大动效为物体从缩略图变为全屏。

优点:清晰地告诉用户最小化的物体去向。

用户感受:物体在缩小的动作。

案例:

...

火星时代教育一直致力于数字艺术领域的教育培训,提供游戏设计、动画制作、原画绘制等专业课程。欢迎点击点击咨询了解更多信息。

热门课程推荐

热门资讯

请绑定手机号

x

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定