
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
我们在学习网页设计的时候,动效设计可以说是我们必须掌握的一项设计技能了,而已流畅的动效设计也能够提高用户使用体验,所以,我们今天就一起来了解一下,优秀的动效设计功能都具备了哪些特点。
1. 响应式的
视觉反馈在UI设计中非常重要。它之所以有效是因为它迎合了用户对确认的自然渴望。在现实生活中,按钮、控件,以及对象对我们的交互产生响应,这就是人们希望事物达到的效果。
2. 关联性的
将新创建的界面与创建它们的元素或操作关联起来。关联背后的逻辑是帮助用户理解视图布局中刚刚发生的更改,以及引发更改的原因。
3. 自然的
避免出乎意料的转变。每一个运动都应该是现实世界的力所驱动的。在现实世界中,物体加速或减速受到重力和表面摩擦力的影响。类似地,在友好的用户界面设计中,启动和停止都不会立刻发生。
4. 有目的的
在正确的时间将注意力集中到正确的点上。运动,其本质上,在用户界面中具有优先级,无论是文本段落还是静态图像都没有办法与其比拟。一个好的动画可以帮助引导用户进入交互的下一步。
用户不能真正预测到将要发生的交互,但是适当的动画能够引导用户,使用户对内容的改变不会感到突兀。
5. 快速的
当元素在位置或状态之间移动时,移动速度应该足够快,以免用户等待。但也不能太快,要让用户理解转换。
动画不能太慢,因为这会产生不必要的延迟。
6. 清晰的
动画一次性不要太多,因为当多个元素向不同的方向或交叉路径移动时,用户会感到困惑。
动画应该清晰、简洁和连贯。记住,对动画而言,少即是多。所以,我们应该只关注动画对用户的实际帮助。
总结
重要的是,动画不是随机的。每一个操作背后都有目的。运动引导并专注于重要的东西,这样你才不会迷失。无论你的app是有趣的,严肃的还是直白的,运用动画可以帮助你为用户提供一种清晰、快速和有用户粘性的体验。
人性化设计。关注每一个细节是你成功使人机交互易于使用的关键。
译者:谢尔鱼
来源:站酷
原文地址:babich
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。