3

这是网页设计中的不良做法吗?(整个淡入的事情)我从这里的用户那里得到了一些混合的评论,他们说这太过分了。共识是什么?我想遵循常见的做法,避免任何失礼。

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

最大的担忧是:它会阻止某些用户吗?当用户没有启用 Javascript,但页面仍然显示时,我没有后备方案。这不应该是一个问题,但效果本身会让人远离吗?

什么会被认为“太长”而无法加载/完成效果?有人说 2.8 秒对于很多用户来说太长了。是否存在某种类型的共同接受值?

附录:我注意到大多数网站不使用这种效果。这是因为较长的加载时间是不可取的,还是视觉效果很烦人?

脚本:

<script type="text/javascript">
    $(document).ready(function(){
        document.body.style.display = 'none';
        $('body').fadeIn(2800);
    })
</script>

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%;
}
4

1 回答 1

6

如果您询问我们关于让页面在加载时淡入的意见,我认为有几件事需要考虑

优点

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

缺点

  • 很可能会在页面的每次刷新/访问时加载,这会阻止用户
  • 2.8秒是相当长的时间
  • 通过使用$(document).ready,如果站点的任何部分尚未加载,则该页面将不会加载,并且用户可能会认为该页面已损坏,从而将他们从该页面中移开

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

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

大多数网站不使用此功能,因为如果网站没有整齐地过渡,用户不会感到不安,因为他们已经习惯了出现的页面。如果img碰巧没有加载,那么他们将自动离开您的网站

于 2013-04-27T04:40:23.037 回答