
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
动效设计的应用是大多数UI设计师需要重点掌握的一个设计技术能力,下面我们就通过案例分析来简单了解一下,动效设计的分类与作用分析。
针对动效输出的选择正在变得越来越多,然而作为设计师我们仅仅只是对动效输出的选择有所了解往往产出的结果还是会不尽如人意。了解动效落地背后的原理,可以帮助我们在设计的前期阶段就了解应该如何去做设计才能更容易的对接和落地。
但是当我们去观察身边很多的线上产品对于动效落地把控的时候发现现实结果往往并不尽如人意,很多优秀的概念、在想法阶段到终落地几乎被打磨的体无完肤。我们以往的经验告诉我们可以通过简单的方式输出我们的设计作品并且加以跟进就可以使线上的结果达到很高的完成度,但是当我们面临动效输出的时候会发现,输出的选择在日渐变多,但是输出的结果还是很难达到理想的状态。
产品中的动效分类
在了解动效落地方式的选择之前,我们需要明白的一件事是互联网产品当中的动效分类与一般意义上的动效有很大的区别。广义的我们把UI动效分为三类:
一、情感化动效
情感化动效偏向于感性的层面,主要目的是增加我们产品的气质和传达情绪,增加产品的魅力值,在一些小的细节上我们加入一些情感化的元素也可以以彩蛋的形式给用户惊喜。比较常见的有app中的loading动画,点赞动画等。
二、交互动效
产品流程、交互行为的串联,不论可实际操作的交互原型还是纯做demo展示的动效过场都可以算作交互动效设计,交互动效基础的的形态就是原型流程图的串联交互稿。交互动效又可以细分为转场动效和微交互,分别应用于页面衔接和基础组件的交互反馈。前者可以传达给用户产品的层次结构和空间关系,后者可以使用户减少操作成本。
三、复合型动效
复合型动效不局限于感性层面的情绪传达,也不局限于交互行为的串联,往往真实场景当中更多的也是这一类动效,在与开发人员对接阶段也更容易存在各种各样的不稳定因素,对于设计师而言也存在更多层面的挑战性。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。