原文标题:网站建设制作过程中如何判断动态效果?
网站建设、网站制作、网站设计、APP中经常会用到动态效果设计,完整的动态效果不仅要微妙有趣,还要清晰且具有逻辑目的。更为重要的是真正优秀的动效能让界面变得栩栩如生。
动效的存在不仅降低了用户的认知负荷,沟通不同的环节,建立更为有效的信息和交互流程。通过让元素在形态上进行叠加、分割、延伸、形变,动效让界面给人以更为真实、更加“物理”的质感。流畅顺滑的动效帮用户联通起上下文,阐释界面元素之间的关系,强化UI的层次感,消解环节与环节之间的冲突,缓解加载和过渡中的等待。推荐阅读:深圳网站建设制作哪家好?
接下来正能量分析和总结一下成功的动效的六个基本特征:
1、响应
视觉反馈在界面中的作用无疑是重要的。对于用户而言,想要确认信息的欲望是一种生物本能,在现实生活中,按钮、控制面板等对象会对我们的操作给予反馈,那么用户面对界面中类似的东西的时候,会有相似的期望。UI应当精准而快速的针对用户的交互作出响应,只有这样用户才能将他们的操作、交互和控件的变化、效果联系到一起,形成回路。
2、关联
动效要能将新创建的界面和触发它们的操作或者控件关联到一起。产生关联的逻辑关系能帮用户理解界面中的变化是如何产生的。点击菜单按钮之后,菜单从远离按钮的地方伸展出来,这样用户的输入和触发的结果在物理距离上被割裂开了。菜单是从按钮旁边开始伸展开来的,距离上的关系让用用户清晰的知道是他们的点击触发了菜单出现的结果。平滑的过渡不仅让两者的功能呈现了出来,而且强化了两者的逻辑关系。
3、自然
好的动效设计应当尽量避免突兀的转变。动效中的每一个动作都应当从现实世界中获取灵感。最简单的一点,现实世界中物体的加速和减速都会受到重量、惯性和摩擦力的影响,类似的,在动效设计中,瞬间的启动和停止是不合规律的。当用户点击小卡片的之后,卡片展开呈现出详细信息,而其中小圆点的伸展轨迹就是符合自然规律的弧线。
4、意图
在合适的时机将用户的注意力引导到对的关注点上去。在界面中,动效作为动态元素先天具有更加突出的属性。静态的文本和图片大都是一成不变的元素,它们无法同动效抗衡。一个优秀的动效能够引导用户交互自然的进入下一个步骤。用户第一次同某个界面进行交互的时候,他们本身是无法准确预知交互的结果的,但是动效的引导能够让用户明白变化的趋势,并且不会觉得变化是突然的。
5、快速
当界面或者控件借助动效转变位置和状态的时候,动效的速度应当适中,它不能太慢,得让用户不会为了动效加载而等待,同样也不能太快,得让用户明白和理解这个转变的过程与关系。尽量不要让动效太慢,不要在逐步加载中拖延时间。不同的元素逐个加载,每个动效都颤颤巍巍的,这样总是不可避免的让整个动效显得拖沓而尴尬。再快一点其实用户也可以感受到细节,快速的动效能给用户一种爽利高效的感觉。尽量在300ms内搞定动效,在用户能注意到细节的前提下完成过渡过程。
6、清晰
当一个动效中容纳太多过程的时候,难免会让人看不清、感到迷惑,不同的元素沿着不同的轨迹向着不同方向运动,人的眼睛很难Get到全部的过程,自然而然会感到混乱。所以,动效设计应当清晰直观,明确而一致。这个时候,我们常说的“少即是多”就是保持动效清晰明了的核心规则,炫技式的动效还是少做的好。
网站建设制作过程中如何判断动态效果?由正能量深圳网站建设公司(http://www.znlds.com/)小编整理,如需转载请注明出处!
正能量专注网站建设,为客户量身定制各类网站建设业务,包含赢利型网站建设、企业型网站建设、商城型网站建设、微信小程序开发、APP开发制作、门户型网站建设、品牌型网站建设等各类网站建设,正能量实战经验丰富服务过上千家企业,成功案例众多。正能量以客户利益为出发点,为客户规划、定制符合企业营销价值的网站建设方案,提供从网站前期定位分析策划、技术架构,到网站界面设计、创意表现、站点架构搭建以及后续访问监控、维护、网站运营反馈建议等一系列服务。免费咨询电话:400-008-3268。
如需转载请注明原文出处: 网站建设制作过程中如何判断动态效果? http://www.znlds.com
Tags:网站建设制作