在设计/加载时间方面被视为过度使用的页面是否正在使用淡入效果?

这是网页设计中的不良做法吗? (整个淡入淡出的东西)我在这里得到了一些来自用户的混合评论,说它太过分了。 什么是共识? 我想遵循常规做法,避免任何失礼。

我意识到这是一个非常微妙的事情,我可以在没有它的情况下生活……但是,在我看来,它为设计增添了一些东西。

最令人担忧的是:它会阻止一些用户吗? 当用户没有启用Javascript但页面仍显示时,我没有回退。 那应该不是问题,但效果本身会让人们失望吗?

加载/完成效果会被视为“太长”? 有人说很多用户2.8秒太长了。 是否存在某种普遍接受的价值?

附录:我注意到大多数网站都没有使用这种效果。 这是因为加载时间较长是不合需要的,还是视觉效果令人讨厌?

脚本:

 $(document).ready(function(){ document.body.style.display = 'none'; $('body').fadeIn(2800); })  

CSS:

 html { background: #000; height: 100%; } body { background: black url(images/bg.jpg) no-repeat 200px center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin: 0; height: 100%; } 

如果您要求我们对页面淡入淡出的意见,我认为有一些事情需要考虑

优点

  • 对某些动画页面/项目很有用
  • 如果你可以缓存网站,那么它会很好地工作,所以它只会在第一页加载时消失
  • 通过使用$(document).ready ,用户将不必看到网站的任何部分未加载

缺点

  • 最有可能在每次刷新/访问页面时加载,这会阻止用户
  • 2.8秒是相当长的一段时间
  • 通过使用$(document).ready ,如果网站的任何部分未加载,则此页面将不会加载,并且用户可能会认为该页面已损坏,将其引导离开页面

总的来说,我认为这绝对取决于您所处的情况,但它很可能不是您想要做的最佳解决方案

要回答“多长时间太长?”的问题,我想说在大多数情况下,我使用.5秒,而最多我使用1

大多数网站都不使用此function,因为如果网站没有整齐地过渡,用户不会感到沮丧,因为它们用于显示的页面。 如果img碰巧没有加载,那么他们将自动离开您的网站