您的位置:创新中国网 > 新闻

登陆页面动画的六个最佳实践

发布时间:2018年10月12日 12:28 来源:营口热线 编辑:谷小金
导读:一个网站是否留在引用户关键之一是网站登录页面有足够吸引,下面介绍登陆页面动画的六个最佳实践。1.不要一次动画几个元素当一些对象同时被动画化时,它会让用户分心,因为人脑和眼睛都是硬连线来关注移动物体,所以用户的焦点会从一个元素跳到另一个元素,...

一个网站是否留在引用户关键之一是网站登录页面有足够吸引,下面介绍登陆页面动画的六个最佳实践。

登陆页面动画的六个最佳实践

1.不要一次动画几个元素

当一些对象同时被动画化时,它会让用户分心,因为人脑和眼睛都是硬连线来关注移动物体,所以用户的焦点会从一个元素跳到另一个元素,大脑需要额外的时间来弄清楚刚刚发生了什么(特别是如果运动很快发生),因此,正确安排动画非常重要。

了解过渡编排的概念至关重要:协调的动作序列,随着界面的变化保持访问者的注意力。最大限度地减少独立移动的元素数量; 只有少数事情应该同时发生(通常不超过两个或三个)。因此,如果要移动三个以上的对象,请将一些对象组合在一起并将它们转换为单个单元,而不是单独为它们设置动画。

登陆页面动画的六个最佳实践

2.动画不应与登陆页面的人格发生冲突

每次向设计添加动画时,都会引入个性,这种个性在很大程度上取决于您选择使用的动画效果。

当人们与产品互动时,他们会有一定的期望。想象一下,为银行服务设计登陆页面,您决定使用弹跳动画来介绍收集用户个人信息的表单。许多用户会毫不犹豫地提供他们的详细信息,因为表单与他们的期望相冲突。

3.留意时间

在设计动画时,时间就是一切。动画的时间可能意味着良好的互动和糟糕的互动之间的差异。在处理动画时,通常会花三分之一的时间来寻找合适的动画效果,另外三分之二的人找到合适的时机来让动画感觉流畅。

通常,保持动画短。动画永远不会妨碍用户完成任务,即使是最精美的动画也会让用户感到烦恼,UI动画的最佳速度在200到500毫秒之间,持续时间不到1秒的动画被视为即时动画,而超过5秒的动画可以传达延迟感。

4.考虑可访问性

动画是一把双刃剑,它可以提高一组用户的可用性,同时给另一组造成问题。Apple发布iOS 7是最近的一个例子,iOS 7充满了动画效果,在发布后不久,iPhone用户报告说,动画过渡让他们感到头晕目眩。

登陆页面动画的六个最佳实践

5.原型和测试你的设计决策

动画很有趣,很容易过度使用并最终导致设计过多地震动用户,不幸的是,伟大的动画没有银弹,很难确定什么是“足够”的明确标准,准备好花时间进行原型设计,测试和优化动画效果。

6.动画不应该是一个事后的想法

有很多设计师认为动画是一种不必要的功能会导致用户界面过载并使其变得更加复杂的原因。在大多数情况下,当设计师在设计过程结束时引入动画时,这是正确的,动画是为了动画,没有任何目的的随机运动不会给游客带来太多好处,并且很容易分散注意力和烦恼。