《交互界面设计》课件——6.1了解界面动效.pptxVIP

双击安装字体，安装后重启PPT请安装字体

山东科技职业学院UI设计UIdesign

UI设计UIdesign山东科技职业学院5.1UI动效基础讲课人：郭杰

学习目的1.界面动效概念2.界面动效的作用3.界面动效的类型

界面动效基础

5.1.1界面动效基础界面动效的作用是什么？增加界面活力且加强用户认知。

5.1.1界面动效基础一、界面动效的类型（功能角度）操作反馈聚焦关注内容呈现转场过渡层级展示空间拓展

5.1.1界面动效基础一、界面动效的类型（功能角度）1.操作反馈当用户操作时，通过动效对用户进行反馈，使用户确定操作成功，有效地增加用户的体验感和安全感。如底部导航操作。

5.1.1界面动效基础一、界面动效的类型（功能角度）2.聚焦关注当用户操作时，通过弹出、强化需要关注的元素、弱化其他元素，使用户能够迅速关注到需要关注的元素上。如分享操作。

5.1.1界面动效基础一、界面动效的类型（功能角度）3.内容呈现通过缩放、移动等动效使内容的呈现更加自然、生动，能够让用户感受到重点内容和不同的层级结构。如导航地图。

5.1.1界面动效基础一、界面动效的类型（功能角度）4.转场过渡结合内容的动效转场会使转场效果比平移、滑动更加生动有趣，并且能够更好地体现内容层级关系。

5.1.1界面动效基础一、界面动效的类型（功能角度）5.层级展示通过模拟现实中近大远小原理，用动效实现内容的层层推进，使层级关系更加明显。

5.1.1界面动效基础一、界面动效的类型（功能角度）6.空间拓展由于手机屏幕尺寸限制，无法一次性展示大量内容，可以通过折叠、翻转、缩放等增加容量，并且通过渐进的展现方式，减少用户认知困难。

5.1.1界面动效基础二、界面动效的价值增加体验舒适度：?让用户认知过程更为自然。增加界面活力：?第一时间吸引注意力，突出重点。描述层级关系：?体现元素之间的层级关系。提供反馈、明确意向：?助力交互体验

节标题一、级层级双击安装字体，安装后重启PPT字体：思源黑+优设标题黑+新罗马字号：≥22，根据情况浮动颜色：思路