赞成

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，如果网站的任何部分未加载，则此页面将不会加载，并且用户可能认为该页面已损坏，将其引导离开页面< / LI>

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

要回答“需要多长时间？”的问题，我会说在大多数情况下，我使用.5秒，而且最多我使用了1秒

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

在设计/加载时间方面被认为过度使用的页面上的淡入淡出效果是什么？

1 个答案:

赞成

缺点