提高苏州ui设计师动效设计能力的小技巧

发布者: u-walker 发布时间: 2019-11-08 浏览 54
  提高苏州ui设计师动效设计能力的小技巧。大家都知道,动效的合理使用可以提高用户体验的层次感,那么,对于零基础学ui的新手设计师来说,有哪些提高动效设计能力的技巧值得我们学习呢?

提高苏州ui设计师动效设计能力的小技巧

  一、时间节奏

  在传统动画中,时间会决定关键帧的绘制方式。帧数越多,动画就越流畅,同时也更慢,时间能够给动画赋予情绪和性格。时间的节奏感是任何动画的基础,速度在元素编排中起着非常重要的作用。速度太慢,用户会不耐烦;速度太快,用户又会错过一些内容。一般来说,大多数苏州ui设计动画在200-600ms之间,其中悬停和反馈交互时长大约为300ms,精细的转场动画大约在500ms。一些设计系统都把运动的节奏感视为一个很重要的方面,并为每种类型的过渡都制定了严格的规范。

  二、呈现方式

  舞台中的表演需要合适的编排才会精彩,也就是说,对象在场景中如何摆放,每个动画又如何出现,关乎演出的质量。通过这种编排,能够将注意力引向最重要的角色,在界面中,呈现方式能够决定元素的位置,以及在交互时,它应该如何编排才能将用户的注意力引向预期的元素。

  三、挤压和拉伸

  在动画中,挤压和拉伸代表了物体的重力,质量,重量和灵活性。在界面中,挤压和拉伸很容易就联想到按钮。当一个按钮被按下时,就可以理解为受到了挤压,通过控制按钮的挤压和拉伸,我们可以很轻易地做好一个按钮的交互动画。除了按钮之外,这种原则也可以应用于ui设计中的任何交互元素上。

  四、附属动作

  在动画中,次要动作能够起到烘托主要动作,比如动画中的角色在走路时,头部的晃动就是次要动作,却能够让角色行走显得更加自然。在界面中,次要操作能够起到强化关键动作,当元素需要向用户提供反馈时,这个方法非常管用,所有的微交互都是基于这个附属动作原理。

  提高苏州ui设计师动效设计能力的小技巧。除了以上这几点外,还有很多提高动效的小技巧,设计师们可以参考一些出色的案例,也可自己摸索,总结经验,从而提高自己的综合设计能力。

上一篇: 交互设计师一般可以分为哪些等级

下一篇: 如何有效提升界面布局的效果

预约报名

热门资讯

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部