Web 或桌面应用程序中最有用的动画
许多动画效果只是无偿的养眼效果——然而，在某些情况下动画可以有效地向用户传达正在发生的事情。 您最喜欢的动画用途是什么？您会使用什么特定的动画类型？
例如：当新项目插入列表时，向下动画项目
Many animation effects are simply gratuitous eye candy -- however, there are situations where animations effectively communicate to the user what's going on.
What are some of your favorite uses for animations, and what specific animation type would you use?
E.g.: Animate items downwards when a new item is inserted into a list
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（7）
我非常喜欢在下载文件时使用 Google Chrome。 这很难描述，但是，随着下载的进行，它是一个像饼图一样填充的圆圈，并且圆圈上覆盖着您正在下载的文件的图标。 非常光滑。
I really like Google Chrome's use when a file is being downloaded. It's hard to describe, but, it's a circle that fills like a pie chart as the download progresses, and the circle is overlaid with the icon for the file you're downloading. Very slick.
我能想到的一个例子是最小化窗口时操作系统使用的动画。
Microsoft Windows 和 Apple OS X 都会以动画方式将窗口向下移动到任务栏（或 OS X 中的 Dock），以向用户显示窗口的位置。 否则，意外点击最小化的新手用户可能很难恢复窗口。
我不使用linux，但我很确定它的作用是一样的。 我没有歧视=）
One example I can think of is the animation used by operating systems when you minimize a window.
Both Microsoft Windows and Apple OS X animate the window going down to the taskbar (or the Dock in OS X) to show the user where the window went. Otherwise novice users that hit minimize by accident might have trouble getting the window back.
I don't use linux, but I'm pretty sure it does the same. I'm not being discriminative =)
来自 enjoy3d.com
enjoy3d.com http://worldsware.com/images/mouse.gif
按下鼠标按钮
并移动以环顾四周。
From enjoy3d.com
enjoy3d.com http://worldsware.com/images/mouse.gif
Press your mouse button
and move to look around.
Ben Bederson 和 Angela Boltman 发表了一篇非常好的论文，其中评估了动画对用户构建空间信息心理地图的能力的影响：
动画是否可以帮助用户构建心理地图
空间信息？
There is a very nice paper by Ben Bederson and Angela Boltman in which they evaluate the impact of animation on user’s ability to build a mental map of the information in the space:
Does Animation Help Users Build Mental Maps
of Spatial Information?
我相信所有视觉变化都不应该很快。 无论是状态通知、窗口最大化/最小化，还是数据删除/添加。 我找不到参考，但通常建议所有动画不应该在 1-2 秒左右，以匹配人类的响应时间。
我最喜欢的动画用途不是在商业软件中（尽管苹果在这方面很擅长），而是一篇名为 Phosphor 我认为这是尚未在主要操作系统中实现的伟大 UI 创意之一。
I believe that all visual changes should not be swift. Be it status notification, window maximized/minimized, or data deleted/added. I cannot find a reference, but usually it is recommended that all animations should not be around 1-2 seconds, matching human's response time.
My favorite uses of animation is not in a commercial software (though Apple is good at this) but a research paper called Phosphor which I consider one of the great UI ideas that have not yet implemented into major operating systems.
AJAX 加载 gif - 您必须有一个指示器表明您确实已注册一个事件，而你正在做一些事情
AJAX loading gifs - you've got to have an indicator that you definitely registered an event and you're doing something about it
进度条对于需要一两分钟以上的事情来说很有用，但前提是它们是准确的。 在我看来，不准确的进度条比没有更糟糕。
Progress bars are nice for things that take more than a moment or two, but only when they are accurate. An inaccurate progress bar is worse than none, in my opinion.