UI动效

作者: David丶丶 | 来源:发表于2017-07-10 19:48 被阅读0次
    动效设计可以让用户更能感受到产品额外的感情。交互设计的未来一定在于动效设计。

    1、挤压和拉伸

    用来描述目标对象的刚性和质量,定义对象的物理属性。作用设计师你应该定义UI的属性:固定架构、刚性表面、以及快速准确的动作;还是更有机,具有柔软可弯曲的表面以及流体动作。

    2、弧线

    弧线(曲线)也有助于定义动画的本质。像汽车自行车火车等机械产品倾向于沿着直线轨迹运动,而有机体(如动物、植物),往往沿着弧线轨迹运动。

    3、层级

    分集较好的过渡动效可以把用户的注意力吸引到重要的建议内容或交互重点。配合UI使用户更容易理解产品层级和内容重心。

    4、时间

    时间可能是最重要的原则之一。时间序列定义了用户对动效的感知理解和理解程度,包括制作主要和次要动画以及缓入缓出等效果。

    5、跟随

    跟随原理可以体现UI构件之间的层级关系,并给动画设置优先级,同时重叠原理可以使动画保持一致并在可控范围内协调运动。

    6、辅助

    辅助动画原则和跟随原理很像。重新定义内容和视觉重点。选择对用户理解最重要的动画为优先的,并用辅助动画进行润色。

    7、缓动

    遵循惯性定律让用户更加舒服。从功能性角度,不断减速的物体会吸引人们的注意力,不断加快速度的对象会失去注意力。

    8、网址推荐

    beyondkinetic.com

    uiinteractions.com

    mvsm.com

    motionographer.com

    cubstudio.com

    相关文章

      网友评论

          本文标题:UI动效

          本文链接:https://www.haomeiwen.com/subject/kjuuhxtx.html