打造优秀动效的标准的设计规则

时间:2017-07-28 来源:文率科技

随着互联网的快速发展,目前动态设计在现在的应用里真的是越来越广泛了,身为一名专注的UI设计师,动态设计将会给您的设计增添很多不一样的色彩,它就如画龙点睛的一笔,为运营设计增加了诸多趣味,为企业带去更多的订单,所以作为动态设计的师的您,吐过还不知道什么师动态设计,不知道在动态设计中都有哪些设计规则,一定不要错过天津网站建设-文率科技为大家分享的这篇文章。

1、快速的过渡



如果非要说什么事每一个设计师都必须要具备的,那一定是快速高效的时机把控,在设计过渡动效的时候,时间和速度是动态设计师必须要把控好的因素,一定要做到快速准确,决不能拖泥带水,这样的动效不会浪费用户的时间,让人觉得APP产生了延迟,不会令用户觉得烦躁,如下图过慢的动效明显带给人一种动力不足的感觉。

2、层次分明


通常情况下,层次分明的动效能够清晰的展示状态的变化,准确的抓住用户的注意力。良好的过渡动效有助于在正确的时间点,将用户的注意到吸引到关键的内容上,而这取决于动效是否能够在正确的时间强调对的内容,如下图:圆形的悬浮按钮(FAB)经由动效变化扩展成为三个导航按钮。用户在动效发生之前,并清楚动效变化的结果,让用户对于后续的发展有了预期,与此同时,红色的按钮在视觉上也足够拥有吸引力,有助于引导用户进行下一步的交互。

3、个性化


在动效设计中这是非常重要的原则之一,无论任何的动效或动画都应该追求个性化,通过个性化盘活界面设计元素,应用不应该具有死板、机械的转换动效,应用的动效应该让用户感受到愉悦和优雅。通过动效,让应用具备鲜明的个性,同时还要保持全部动效的清晰一致。最后,动效还要符合用户的预期,以免让用户产生突兀感,用个性化的动效来稳固用户关系,给予用户愉快的体验。

4、上下文


好的动效果设计,可以让用户清晰的感受到内容之间的脉络关系,了解到各个元素的物理状态,与此同时还能够知晓元素当前所处的环境。自从拟物设计被剔除后,UI元素的表现形式可以更多样化,而不限于拟物设计所指定的物理环境。无论是拉伸、变形、或者运动惯性和滚动,只需精心调配元素的运动细节,让整体效果流畅润滑,那么用户便可享受到过度的快感。

5、反馈迅捷


动效应该反应迅捷且直观易懂,通过对用户交互行为的及时反应,来让用户感到安心,“迅捷”,但是也要平滑,以免让用户感受到突兀。最为触发-判定-反馈环节的最后一环,反馈应该和用户用为紧密结合,打造近乎无缝式的完美操作体验。

总之,不管怎么样说,动效设计需要关注的点和注重的细节有很多的,希望今天天津网站建设-文率科技为您分享的内容,能够给您在后期设计中带去帮助,如果您想要了解更多详细内容,可以直接浏览我们的官网:www.wenshuai.cn,或者是与我们的官网客户在线沟通,文率科技一定竭尽所能的为您解决关于互联网开发的一切问题。

联络方式:

中国 · 天津市河西区南京路35号亚太大厦1403室
电话:15620613686
邮编:300220