明确价值：动效设计能解决什么问题？

设计的本质是解决问题，动效设计自然也不例外，当打算在界面中加入动效元素时，我们应该先明确清楚动效设计的价值所在，而不只是出于对「酷炫」或者「潮流」的盲目追求。对于网站建设来说，在网站建设的过程中，页面设计的*个元素都需要做到恰到好处，不是因为“华丽”而存在，而是他的存在是*的。从商业价值和体验价值两个角度，大概总结如下：

1. 商业价值

通过动效设计可以*地吸引用户注意力，*用户对内容的*探索欲。比如说，当我们在业务上*希望用户去触发某个互动入口时，除了在视觉上进行强调，也可以给这个互动入口在合适的时机加上合适的动画（比如从屏幕边缘飞入、旋转出现、发光闪烁等），使之*容易被用户注意到、产生可交互的认知，进而触发交互行为。案例：以下 App 里图片上标签的圆点有扩散动效，*可以查看*相关的聚合内容。

△ App名称：nice

通过动效设计可以*用户使用时的舒适度，或者制造一些「小惊喜」让用户产生*和*感，使用户感到不那么枯燥，从而**用户使用黏性，*地留住用户的目的，甚至还可以吸引用户主动进行传播，扩大产品影响力。案例：下面这个 App 中，当完成一件任务的时候，会出现满屏彩纸片飞舞的动效，带给用户惊喜和成就感。

△ App名称：微习惯

通过动效设计可以辅助视觉元素*地传达产品品牌味道，成为产品设计语言的重要构成*，加强与竞品的差异化，强化用户对产品品牌的感知。案例：Google 的 Material Design。

具体到指标上，可以通过 UV *率、留存率、满意度、认知度、舆情反馈等来进行综合验证和衡量，评估动效设计是否*了效果。

2. 体验价值

动效设计可以描述当前情境，*清晰地体现内容元素之间的逻辑和层*关系，帮助用户理解上下文、知道当前所在位置。

动效设计可以引导用户的操作浏览，给用户以明确的方向感，而不是对下一步该看什么、做什么感到不知所措。

动效设计可以*用户的情感体验，*用户的焦虑情绪（比如等待期间）、制造惊喜等。

动效设计提供当前的状态反馈，加强用户对操作行为的感知，给用户以可控的感觉。

遵循原则：动效应该是自然、和谐、可用的。

内蒙古网络公司航佳网络网站建设为您提供网站运营、网站制作、网站优化、网站优化推广知识，有何疑问就赶紧咨询我们，销售电话：0471-4599590  18698468112  15947112866