令人愉悦的动效差不多已经成为如今网页设计的标准配置了，融入动效的交互细节让现代网页同以往的设计在根本上区别开来。动效不但可以表现状态，引导用户的关注点，帮助用于预测交互的结果，甚至影响用户的行为。
       一、加载动效：动效常用的一个地方就是进度条。加载进度条的加载动效会改变用户对于时间的感知，通过转移注意力的方式让用户等待感降低。如果你无法将等待的时长缩短，那么尽量令这个过程有趣。用户在有趣的动效上投注了越多的注意力，就越容易忽略等待的过程。
       二、界面框架：界面框架会将界面加载之后的大概样式给展示出来，界面框架会让用户产生内容一瞬就加载好了的错觉。这种动效可以应用在大多数的网页和APP当中，它会明显强化用户的参与感。
       三、视觉反馈：将界面反馈视觉化地呈现给用户是实用的。良好的交互设计需要视觉反馈来支撑，传达交互完成后的结果，让交互可用、可见、可预期。
       四、悬停动效：桌面端交互主要还是借助触控板和鼠标，光标悬停特效是为这种情况而存在的，同时，它也是常见的动效之一。当用户不知道某个控件怎用的时候，会很直觉地将光标移动到上面去，这个时候，悬停特效能够很好的吸引他们的目光。移动端由于交互方式的差异，差不多没法使用悬停动效。无论是按钮还是输入框，当你点击屏幕的时候就已经触发控件了，只能在随后呈现结果，而无法像悬停动效一样预览。
       五、吸引注意力：被运动的事物所吸引，是人的生物本能。这也使得动效成为了吸引用户注意力的良好工具。
       六、导航：从设计趋势上来说，越来越多的网站开始选择使用隐藏式的导航菜单，将许多的选项隐藏在汉堡菜单之后。而菜单的打开和关闭中需要动效来降低突兀的过渡，如果设计的精巧，用户会被吸引住。
       七、平滑的状态切换：无论是从一个Tab切换到另外一个Tab，还是界面模式的变化，状态切换是UI界面中常见的情况，动效能够让状态切换平滑。
       八、创意特效：充满创意的特效总能让用户真正难忘怀，它们的价值在于取悦用户，让人记住。
       九、长滚动页面：主屏的设计一直是网页设计的焦点所在，设计师将注意力集中在这个充满价值的区域是有道理的。但是页面余下的部分同样很重要，因此结合动效的长滚动页面同样有用。动画能够让长滚动页面所承载的故事鲜活有意思，相比于炫酷的动效，微妙的动效给人的感觉不错。
       结语：动效拓展了界面的视觉维度，它连接交互，让界面的功能和效果都圆融。