TEL:400-8793-956
当前位置:网站讲堂

以错误的方式使用动画

提问者: 近期获赞: 浏览人数: 发布时间:2021-11-29 08:53:30

 网站建设者和新技术使向您的网页添加动画变得非常容易。但是,仅仅因为您可以做某事并不意味着您应该这样做。

 
当我第一次学习如何为页面元素设置动画时,我想为所有内容设置动画。让事物流动、流行、淡入、淡出,在我的网页上跳舞。在我看来,流畅的动画会带来丰富的体验,并展示我的设计是多么前卫,我是多么聪明。
 
当你需要经常加载一个页面时,这个理论很快就会崩溃,你必须等待动画开始或完成,一切似乎都在四面八方飞。
为了让动作看起来不错并引导用户,它需要精心设计、有流程和目的:它需要引导用户体验您的网站。否则,它很快就会变成不和谐的干扰!
 
动画的两个主要用途是有意义的:
唤起一种感觉或情绪
 
帮助提高您的转化率,从而将访问者转变为客户。
 
第一次使用非常主观,我认为它更像是艺术而不是科学,需要学习和实践才能正确使用。仅仅因为您现在在手机上安装了录像机并不能使您成为电影大师。同样,仅仅因为您可以为事物设置动画,并不意味着创建连贯的讲故事体验很容易。
 
第二种用途,即增加转化率,我有更多的经验,而且更容易衡量和正确。
 
这是动画的规则
 
不要动画任何东西,除非你知道它会让你更接近你的目标。
 
动画必须有目的。例如,需要用户注意的闪烁通知图标;一个滑入和滑出的导航面板将巧妙地通知用户如果他们需要找到导航元素去哪里;一个页面过渡动画,它将隐藏缓慢的加载时间,使用户与页面保持互动。
 
动画必须有意义。例如,飞进来的文字无疑会吸引注意力,但在动画结束之前无法阅读。
页面上的所有动画必须协同工作。他们需要感到精心编排。因此,它不仅更赏心悦目,而且如果做得好,它会向用户显示所有内容以及如何最好地浏览站点。
 
如果您的用户注意到动画而不是您试图传达的故事,那么您就做错了。
 
一些很好的例子:
 
苹果产品是动画做得很好的很好的例子。他们设备上的网站和用户界面。(在写的那一刻,主页没有动画。正如我上面所说的,仅仅因为他们可以做并不意味着他们应该做!)
 
在动画图表中显示实时数据可以使用良好的动画,使大脑更容易消化正在发生的变化。
 
导航提示:新元素(如对话框)从右侧滑入,当您关闭它们时,它们会向左滑出。新页面淡入。通知弹出。使用像这样的一致系统可以让我们的大脑通
过动画的方式快速弄清楚我们正在看什么。
 
牢记性能。
 
动画需要更多的带宽和处理能力资源。此外,页面速度会影响转化率。因此,如果您选择动画,请确保它不会影响您的加载时间并且在旧设备上运行速度足够快。
 
上一篇: 将客户带回产品的前 5 种方法
下一篇: 返回列表
城市网站导航:无锡网站建设 徐州企业网站定制 常州网站开发哪家好 苏州网站改版 南通网站开发 连云港网站建设 淮安网站建设公司 盐城网站定制 扬州网站改版公司 镇江网站开发 泰州高端网站制作 宿迁高端网站开发 江阴高端网站开发 宜兴建设网站 新沂建设网站 邳州建设网站 常熟建设网站 张家港网站改版 昆山公司网站开发 太仓高端网站制作 丹阳高端网站制作 句容专业建站 泰兴网站制作公司 合肥网站建设 芜湖网站制作 蚌埠网站建设 淮南网站制作哪家好 马鞍山网站建设 铜陵网站制作公司 安庆网站建设公司 黄山网站制作 滁州网站建设 阜阳网站设计 六安网站建设 亳州网站制作 宣城网站建设 巢湖网站建设哪家好 桐城网站制作 天长网站建设 明光网站建设 全椒网站建设 扬中网站建设公司 城市小程序导航: