为什么大多数 Web 页面，在页面跳转时不能像 APP 一样使用过渡动画

2020-05-23 13:18:29 +08:00
 meteor957

那样的话不是能更好的提升 Web 应用的体验吗

3361 次点击
所在节点    问与答
29 条回复
hakono
2020-05-23 18:15:03 +08:00
整页的加载动画加载时间稍微长点除了看起来漂亮，只会让用户觉得你这网页特别卡半天加载不出来
而页面跳转交给浏览器来做，加载慢，因为长久以来用户习惯了面对浏览器的页面加载，所以一般潜意识里是保持着网络慢的态度的
hakono
2020-05-23 18:16:36 +08:00
说着说详细点就是，整页加载动画转圈，因为是你网站在转圈，用户面对的是你的网页，加载如果慢了用户会感觉是你网站太差加载太慢
而加载交给浏览器，因为加载的过程用户面对的是浏览器所以慢了不至于那么快怪罪到你的网站上
maplerecall
2020-05-23 18:48:35 +08:00
Web 动画无论在性能还是实现难易度上都远比不过原生，在一些低端机上大范围动画是非常容易掉帧的。另一方面就是国内设计和开发大多数都不是很重视动画这块区域，一些细节上的动画很提高体验，但这个无论对设计还是开发都需要不少额外的成本。就现在这种连 996 都做不完事情的大环境下，没多少人还会有心情去细细打磨这些地方。
jelipo
2020-05-23 20:02:31 +08:00
单页 SPA 可以做到
Yumwey
2020-05-23 20:02:44 +08:00
不是什么成本不成本的问题，单纯是因为会卡掉帧得不偿失罢了
liberty1900
2020-05-23 20:43:32 +08:00
楼主应该是指 wen app 而不是简单的 HTML 网页吧, 路由跳转前加载动画只有做过基于路由的代码分割才有可能需要，普通的应用由于太快，根本不需要
liberty1900
2020-05-23 20:44:36 +08:00
@liberty1900 抱歉，是 web 不是 wen
otakustay
2020-05-23 23:08:04 +08:00
Web 面积大，元素多，通常不具备沉浸式的前提，用户使用的时候关注的往往是其中的一小部分。全页的动画切换会把用户的注意力从一小块强行拉到整个页面上，切换完后又要聚集到局部去，是很累人的
lizy0329
144 天前
当然可以做，但 web 做这玩意需要很多额外工作，路由布置，缓存等等等，非必要也不做了

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/674644

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX