UI动效设计与制作 配套课件.pptxVIP

目 录;第1章 初识 UI动效;掌握UI动效的基本概念 了解UI动效的价值表现 了解UI动效的设计原则 掌握UI动效的应用领域 掌握UI动效的常用软件 掌握UI动效的设计流程;UI动效即界面动态效果设计，是将界面中的元素通过位置、缩放、旋转、不透明度、形状、颜色等多种属性变化，在遵循设计规范、符合物理规律的基础之上完成动态效果。合理的UI动效可以带给用户自然、舒适、愉悦的体验。;1.加强界面活力 UI动效可以为产品增加趣味性，吸引用户注意力，突出界面重点。如图所示，为一款物流运输Web???效，随着Banner的展示，界面中的插图会产生快递员运输物品的动效，令原本静止的界面立马赋有了生机。;2.描述层级关系 UI动效可以清晰的体现元素之间的层级与空间关系，降低用户的认知成本。如图所示，为一款健康睡眠类App动效，随着用户点击图像，图像会逐渐放大并移动至顶部，进入到详情页，清晰地展示了层级变化。;3.提供操作反馈 UI动效可以在用户操作后提供细腻的动效反馈，加强用户操作的操纵感以及代入感。如图所示，为一款饮品类App动效，随着按钮的点击，按钮本身会发生大小以及颜色的变化，同时果汁也会根据操作增加，提供用户操作反馈。;4.增加舒适体验 UI动效可以为产品提升产品易用性，助力用户体验，减少使用的不适感。如图所示，为一款旅游类Web动效，随着鼠标滚轮的滚动，界面中的风景元素会逐个有层次的出