对设计/加载时间过度使用页面上的淡入效果？ [英] Is Using a Fade In Effect on Page Considered Excessive in Terms of Design/Load Time?

问题描述

这是网页设计中的糟糕做法吗？ （整个淡入的事情）我得到了一些来自用户在这里说，它是过多的混合评论。什么是共识？我想遵循常规做法，避免任何假脸。

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

最大的问题是：它阻止了一些用户吗？我没有后退，当用户没有启用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％; 
} 
  

解决方案

我认为有几件事要考虑

优点

• 对某些动画页面/项目有用


• 如果您可以缓存网站，使其只在首页加载时效果很好，效果会很好


• 通过使用 $（document）.ready ，用户将不必看到未加载的网站的任何部分

缺点

• 很可能在每次刷新/访问页面时加载


• 通过使用 $（document）.ready / code>，如果网站的任何部分尚未加载，则此网页将无法加载，用户可能认为该网页已损坏，并将其转离网页



总的来说，我认为这完全取决于你所处的情况，但它很可能不是你想做的最好的解决办法

为了回答多久了？的问题，我会说在大多数情况下，我使用 .5 秒，而且我已使用 1 秒

大多数网站不使用此功能，因为如果网站没有完全转换，用户不会失望，因为他们习惯于页面出现。如果 img 偶然无法加载，那么他们会自动离开您的网站

Is this poor practice in web design? (the whole fade-in thing) I've gotten some mixed reviews from users on here that say it's excessive. What's the consensus? I would like to follow common practices and steer clear of any faux pas.

I realize that it's a very subtle thing, and I could live without it... but, it adds something to the design, in my opinion.

The big concern is this: Does it deter some users? I don't have a fall-back for when the user doesn't have Javascript enabled, but the page still shows. That shouldn't be an issue, but does the effect itself turn people away?

What would be considered "too long" for the effect to load/complete? Some have said that 2.8 seconds is too long for a lot of users. Is there some type of common accepted value?

Addendum: I've noticed that most sites don't use this sort of effect. Is this because of longer load times being undesirable, or is the visual effect just annoying?

Script:

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

解决方案

If you are asking for our opinion on having the page fade in on load, I think that there are a few things to consider

Pros

• Useful for certain animated pages/projects
• Would work very well if you could cache the site so it only fades on first page load
• By using $(document).ready, the user won't have to see any part of the site not loaded

Cons

• Would most likely load on every refresh/visit of the page, which would deter a user
• 2.8 seconds is quite a long time
• By using $(document).ready, if there is any part of the site that hasn't loaded, then this page won't load, and the user might assume the page is broken, steering them away from the page

Overall, I think that it definitely depends on the situation that you are in, but it most likely is not the best solution to what you want to do

To answer the question of "How long is too long?", I would say that in most cases, I use .5 seconds, and at max I have used 1 second

Most sites don't use this function because users don't get upset if a site doesn't transition in neatly, because they are used to the page appearing. And if an img happens to not load, then they will automatically leave your site

这篇关于对设计/加载时间过度使用页面上的淡入效果？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！