《UI界面设计》课件——第三部分第10节 UI中的基本动效-突出显示.pptxVIP

UI中的基本动效-突出显示1

目录1、移动有效2、移动无效3、列表排列重组4、关闭5、开/关6、列表移动有效/无效7、列表末端8、翻页末端9、按钮标签切换10、加载进度条11、刷新进度条12、有效性暗示2

1移动有效3适用场合：移动物体时，需要通过反馈来告知用户移动是否有效，如果物体被放置在有效移动区域附近，那么物体会自动“滑进”指定位置。通过平滑的过渡，可视化的告知用户，此区域为可移动区域，同时告知用户交互有效。

2移动无效4适用场合：移动物体时，需要通过反馈来告知用户移动是否有效，如果物体被放置在无效移动区域附近，那么物体会自动回到原位通过过渡效果，清晰的让用户看到，物体返回了原位置及其运动轨迹，这样用户就可以快速找到物体。

3列表排列重组5适用场合：当用户想要重排列表时，可以对列表中的条目进行“添加”、“移动”、“删除”等操作能够让用户了解所操作项的位置，同时还能留意到其他项位置的改变

4关闭6适用场合：当用户关闭某个对象，需要视觉反馈时，物体缩入关闭按钮中，暗示物体已经关闭通过过渡效果，告知用户对象已经关闭，同时提醒用户在何处重新打开。

5开/关7适用场合：当用户打开、关闭某个功能时，开关位置的移动以及开关样式的改变，有效的告知了用户功能处于打开状态还是关闭状态。能够清楚的告诉用户，交互是否成功，功能是否被打开、关闭

6列表移动有效/无效8适用场合：当用户试图移动列表中的项时，将列表中的项从一处移动到另一处，列表本身会作出反馈，告知用户可否移动能够告诉用户可否移动。

7列表末端9适用场合：当用户滑动到列表的最末端时，因为已经到了最末端，列表会回弹。当滑动到最末端时，会自动回弹，告诉用户到头了。

8翻页末端10适用场合：当用户翻到最后一页，想要继续翻页时，无法继续翻页，会有短暂的翻页效果，但是会立即回弹这种动效能够暗示用户已经到达最后一页，然后页面会自动翻回去。

9按钮标签切换11适用场合：当按钮所代表的功能切换时，按钮标签也会随之切换，一个按钮，多种功能，功能切换后，按钮的样式和长度随之改变。能够告知用户操作成功，已经开启某功能。

10加载进度条12适用场合：当需要加载、读取，需要告知用户读取进度时，进度条会跟随加载进度缓缓填满有了进度条后，等待似乎不是那么漫长了。

11刷新进度条13适用场合：当用户刷新时，暗示用户正在处理中，告知用户还须等待一小会儿

12有效性暗示14适用场合：当需要暗示用户物体能否操作时，通过揭幕般的效果，暗示用户加载完成，已经可用适合多个独立物体的展示，告知用户加载情况

谢谢15