jquery - 就设计/加载时间而言，在页面上使用淡入效果是否被认为是过度的？

Question

这是网页设计中的不良做法吗？ (整个淡入淡出的东西)我从这里的用户那里得到了一些褒贬不一的评论，说它太过分了。共识是什么？我愿意遵循惯例，避免失礼。

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

最大的担忧是:它会阻止一些用户吗？当用户没有启用 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%;
}

Answer 1

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

优点

• 对某些动画页面/元素有用
• 如果您可以缓存网站，使其仅在第一页加载时淡出，效果会很好
• 通过使用 $(document).ready，用户将不必看到网站的任何未加载部分

缺点

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

总的来说，我认为这肯定取决于你所处的情况，但它很可能不是你想做的事情的最佳解决方案

要回答“多长时间太长？”这个问题，我会说在大多数情况下，我使用 .5 秒，最多我使用 1第二

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