读了这篇文章，你可以知道动效的作用、设计原则、动效工具、制作方法、标注技巧等等，特别全面，强烈推荐收藏学习。 动效在用户体验设计中正变得越来越重要，那么动效能带来什么好处呢？ 体现交互层级：动态界面使人更容易理解交互层级关系，减轻了人们的认知负担 给予反馈：给人感觉界面是活的，让体验流畅 弥补静态页面的表达不足：在内容优先的设计趋势下，用户界面变的更加简洁。这将给用户带来操作上的盲目感；动效则可以在不打破界面美感的前提下，弥补认知的损失 原则 设计是为了解决问题，动效设计作为设计的手段之一，能解决一些静态界面设计无法解决的问题。但是，它并不是万能的，动效要克制，过多、过慢或不适合的动效，只能让界面失去重点，让团队和用户怨声载道。 在实际项目中应用的动效，只有精准地对齐需求，才能使动效带来真正应有的价值。那么，如何评估一个动效是否有价值呢？ 动效是否必要 动效是否带来体验提升 动效开发的成本是否过高 如果都没有问题，送给工程师一个飞吻吧。 动效工具 AdobeAfterEffect 视频特效软件，被普遍使用的动效和MG制作软件，功能强大，和其他Adobe软件无缝配合，可做的效果也是不限量的。 QuartzComposerOrigamiStudio Apple的可视化编程软件，搭配Facebook的Origami可以非常好的模拟机器效果，做单页面的动效可以用它，Origami还可以导出直接可实施的代码。 Hype3 可交互的Demo，虽然是HTML5制作工具，但是做动效也算是一只好猫吧。 其他的还有原型工具Framer、Pixate、Form等和QuartzCode、PaintCode也都可以用来做动效。具体工作时候可以选用适合的来做，目前还没有一站式解决的软件出现。 数值化动效 只谈制作动效，不谈实现都是耍流氓，动效设计师同样需要为动效标注。 常规的值包括： 属性：移动距离旋转角度 时间：运动持续时间延迟出现时间重复时间 曲线Android：插值器曲线 iOS：运动曲线 自定义曲线 动效标注模版，包括常用动作、曲线、表格。Sketch格式，Sketch的快速、矢量特性也非常适合进行动效标注。 动效标注技巧 有些运动需要分解成多种值标注。比如MaterialDesign里面的重力运动 设计师的思维是Position到Position的弧线运动，但实现时并没有运动轨迹的开发方式。 那么如何表述这个运动轨迹呢？ 两种方法 时间错位： 延迟单个值的时间（真实运动曲线为绿色虚线略有夸张） 不同曲线： 两个值持续时间相同，但应用的曲线不同 曲线插值器 刚才提到了曲线是什么呢？ 在Android系统内，调用系统内置曲线插值器，改变动画的播放速率，可以实现大部分动态速率的效果。 图为Android插值器 自定义曲线 插值器默认的速率无法完全符合需求时，还需要给它进行数值调整。 调整Factor的值，就可以快速改变速率： 当然，你也可以尝试使用自定义的去曲线，将曲线换算成二次贝塞尔曲线，可以直接用于开发。 如下图，为cubicbezier（。82，。25，。29，。78） Android和iOS都支持二次贝塞尔和三次贝赛尔曲线。 交互与动效 动效和交互联系很紧密，这也要求动效是先于视觉考虑的。 如上图，在内容优先的设计中常用的共享元素样式，从交互层面就需要对动效有一定的规划，否则会遇到动效很牵强或视觉返工的情况。 动画与动效 动效不同于动画，动效常发生在过场或操作之后，有趋向于表现更快的倾向。动画中看上去恰到好处的运动时间，直接套用在动效中应用会显得拖沓沉冗效率不高。显然，简单粗暴的把动画中的时间直接应用在动效中，是不合适的。 在MaterialDesignMotion中，对动效时间有比较详细的定义，对各种设备的动画时间都有推荐，实际应用时还需要考虑元素变化的范围，给出合适的时间。 虽然Android动效已经支持60fps的速度，但是在实际应用中，有时运动不够平滑确实存在，甚至为了达到理想效果，要同之前标注时间相差很大。这时，可能需要对部分标注时间进行修改，不过我一般会遵循一个原则：尽量保持时间之间的比例，倾向相信模拟中的时间。因为机器的个体差异导致的问题很难被量化。当然，解决这种问题，需要工程师和设计师的通力配合。 项目中的动效 就好像工业设计师需要懂材料、平面设计师需要了解印刷知识，动效设计同样需要设计师具有跨专业的视野。 在iOS和Android上，系统其实已经帮你完成了不少工作，很多常见的、被经常使用的动效，可能已经有做好的轮子，这些轮子往往经过多次验证，效果和性能都说的过去，有些稍加改动就可以满足项目要求。 在实现这类动效的时候： 除非有信心实现的比已有的好，不然还是直接使用吧。 使用已有的轮子、将常用基础动效控件化，减少整个团队重复工作，提高效率，设计师和工程师也可以把精力用在能让项目更为出彩的地方。
低调为官干部，特别是领导干部的为人与做事，一直是人们议论的热点话题之一。这也难怪，领导干部手握公权，是公众人物，他们的言行和工作，往往与所在单位、所在地区群众的切身利益相关。人们常常诚……商业争食世界杯蛋糕就像是那来自全世界的32只球队一样，能在世界杯期间出现在赛场草坪上，基本已经成为所有企业的梦想。赞助商的生意经当然企业这种趋之若鹜，不仅是希望自己的企业logo能作……施工企业营改增对会计核算的影响与应对措施阎玉保【摘要】随着我国营改增的不断推进，建筑施工企业的日常经营也受到一定影响。从营改增对建筑施工企业的影响来看，其不仅对建筑施工企业的生产结构造成一定影响，还会对建筑施工……导游人员在传播旅游文化中的地位和作用旅行社、旅游饭店和旅游交通是现代旅游业的三大支柱，其处于核心地位的是旅行社，因为旅行社是联系旅游饭店和旅游交通的纽带。而在旅行社服务中，由于导游员直接与游客接触，并且接触时间最……碎片化的时间管理模式我们会不会常常出现这样的困扰：晚上睡觉时躺在床上，回顾一下今天做了哪些有意义的、有价值的事情，却什么也想不起来。好像浑浑噩噩的上了一天班，开了半天的会，拖着疲惫的身躯回到家，蜷……巧妙运用三根均线买进卖出仓位增减有术讲解一个好方法三线止损法三线，5日、10日、20日均线。战法的基本原理就是每跌破一条线卖出三分之一仓位，直到三条线全部跌破清仓。我们来看历史案例：1、0009……工薪族如何缓解心理压力消除心理疲劳工薪族如何缓解心理压力消除心理疲劳。在生活中，不管工作怎么忙碌，都应该有意识的培养自己多方面兴趣，如爬山、打球、看电影、下棋、游泳等等。兴趣的培养一方面可及时的调试放松自己，另……十大新奇创业创业项目让你一夜暴富创业已越来越多的被大家提起，无论是上班族、农民工还是大学生都希望可以走上创业的道路，只是创业额市场变幻莫测，要想成功就必须得走在别人的前头，尤其是现在，任何一个行业都处于即将饱……唤醒沉睡工资五招玩转工资卡理财对于大部分职场人士来说，工资卡毫无疑问是荷包里最重要的一项配备。但是，大部分人对待工资卡的态度都是随取随用，或是等到工资卡内的结余达到一定的数额时，才会集中进行使用或者投资。这……三体中的黑暗森林威慑是怎么成立的三体小说黑暗森林里的威慑是什么呢？在三体中，对黑暗森林威慑的建立最大的功臣无疑就是罗辑了。可是最终产生的结果却被认为是一个极其幼稚荒唐的举动。后来由于罗辑吧威慑的控制权交给了联……神烦朋友圈里大最惹人厌的行为盘点据美国《华尔街日报》31日报道，社交媒体信息流质量下滑的情况在全球都存在。今年早些时候，Facebook联合加利福尼亚大学、旧金山大学和康奈尔大学对负面的用户分享行为进行了研究……积德即观音行善即菩提济群法师是一位很道行很深的法师，假期中有缘拜读了他的一些著作，兹将些许心得附录于此，愿与同道者共享。人们都听得老一辈人遇难事时常会念菩萨保佑，有人无私相助时常言对方是菩萨……