动画的favicon.ico是个坏主意吗?那里有动画favicon.ico的酷用法吗?


20

每当我生成一个favicon.ico使用html-kit.com时,它都会为我提供获取动画版本的选项。我从没使用过动画图标,但是除了“视觉上嘈杂”之外,还有什么理由不好吗?

那里有动画创意图标的创意或有趣用法吗?

编辑要明确的是,动画版html-kit给您的是一个GIF,您可以指向它使用meta标签。很抱歉,暗示favicon.ico图像格式支持动画!


我什至不知道.ico文件支持动画。
mmyers,2010年

1
h!谢谢mmyers,事实并非如此。html-kit提供了一个GIF。您可以使用meta标签指向gif版本。
artlung 2010年

Answers:


20

不要这样做。未经用户同意而移动内容的日子已经过去。实际上,请勿使用启动页面或自动播放视频。

用户需要为效果做出动作。

但是,里程可能会有所不同。这样的事情是新颖的设计,这就是过去启动页面起作用的原因。只要确保您所做的不仅增加您的体验,可以增加用户体验


这条评论的时间和Web社区中糟糕的Flash动画的连锁反应是有意义的,但是由于当今整个网络都代表着当前的趋势,因此这条评论不会出错。在2018年,Html5和SVG Canvas Animations在网络上一些最受尊敬的网页设计中排名第一。
Patrick


6

我看到了两个问题。第一个问题是,它使您的网站看起来像从未完成加载,因为用户通常只看到动画加载的网站图标,自然而然地将任何动画与浏览器加载相关联。第二个问题是动画收藏夹图标分散了用户的注意力,想象一下打开8个选项卡,每个选项卡都显示微小的动画。

通常,带有动画的收藏夹图标会降低页面的UX,但始终使用简单和描述性的静态收藏夹是有用的。


4

请注意W3C的Accesibility Guideline

准则2.3要求您不要以已知会引起癫痫发作的方式来设计内容:“网页中没有任何东西在任何一秒钟内闪烁三次以上,或者闪烁低于常规闪烁和红色闪烁阈值。 (A级)”

参见http://www.w3.org/TR/WCAG20/#seizure


2

我猜一个动画favicon就像所有其他动画一样GIFs:做得好,它可能很棒,而且确实可以添加到您的网站中。但是请确保不要过度使用它,因为它在视觉上确实很烦人!


0

与网页上的GIF动画不同,Favicon GIF不能通过ESC键停止。它将无限期地进行下去,并且一定会赶走您的一些访客。


您对此主张有任何证据吗?您可能是正确的,但是证据会使该主张可信。感谢您的评论!
artlung 2012年

1
嗯,尝试一下?尼克链接到该收藏图标游戏,您可以在其中确认按ESC不会停止收藏图标动画。
Torben Gundtofte-Bruun'3

这种说法是正确的……这是“一定要赶走您的某些访客”的一种需要支持的说法。
artlung 2012年

@ TorbenGundtofte-Bruun该游戏使用PNG作为使用JavaScript制作动画的帧,这并没有证明GIF。虽然我相信您声称有关GIF的信息是正确的,但您的信息来源无效。
2013年

1
此外,FWIW,GIF无法再在Firefox中使用ESC停止。
2013年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.