第 47 期 优设零基础训练营招生中，教你精通熟练PS、AI、AE！ 报名戳>>>
今天来给大家介绍一款可以将 AE（Adobe Effect）文件导出 json 格式，实现 0 开发成本，提高沟通效率的工具 —— Lottie。
之前的文章已经介绍了 Lottie 是什么，以及如何导入设计文件，那么今天就为大家讲解如何根据我们的需要导出 Lottie 文件。
本文将近 7000 字，用超详细的篇幅帮你理解动效的结构、速度、变形等基础知识。
本文将以一个实际动效案例的导入流程为例，帮助大家了解高效导入设计文件的方法。
编者按：Google 设计团队为了更好地推进 UI 和动效设计，自己开发过不少新的工具，打通 Sketch2AE 是其中之一，如今的 AEUX 也是为了相似的目的而存在的一个全新升级的动...
为什么 Dribbble 那么多的酷炫动效，对大部分设计师而言只是在自嗨?好的动效是什么样的?
我在上一篇文章已经通过实际的案例，分享了动效设计并不难的原因。在今天的文章当中，我会分享我们自己的工作流程、技巧和设计的方法。
编者按：UI中动效设计本没有那么玄乎，作为 Google 旗下 Material Design 团队中动效设计的负责人之一，Jonas Naimark 对于动效本身有着更为透彻的认知，这也促成了今天的这...
作为视觉设计师你是否会遇到这样的问题，当需要做一个 loading 或者其他动效的时候，总会或多或少的出现一些问题，如何使用更轻量高效的 Sketch 直接将矢量图形转到 A...
UI和设计这一行似乎越来越难混了：进要懂手绘，退要明交互，以往一个界面的事情，如今都不够了。上一屏到下一屏之间的变化，如果做不到转场动效的完美呈现，别...
化繁为简，是解决难题的好办法。今天的文章将会教你如何拆分一个动画，以及如何使得动画符合一般物理学规律而变得生动。
10个动效案例，让大家避开动效误区。一、走路 在做走路动画的时候，除了要把脚与地面的接触做出来，更应该要注意的是身体不同部位的跟随与节奏。
功能性动效的主要类型有页面空间转换、视觉信息反馈、功能操作引导、品牌与趣味，本文就来谈谈这四种功能性动效在移动端的使用。一、功能性动效的定义 定义：...
昨天总监又把提交的设计稿打回来了，连续一周加班到晚上12点，加班费??
对如今的 UX 设计师来说，会点动效基本已是常规操作了。作为 UX 设计师，动效可以辅助的产出可以涵盖界面交互动效、项目宣传 MG动画、产品吉祥物表情包、年终汇报 P...
我们总是能在Dribbble等网站看到一大堆酷炫吊炸天的动效。而在现实的App中却很难看到。
终于知道怎么用删格做设计了，这种干活才是大家需要的，给个赞！
最近正在设计等级体系，看到本文收益匪浅。感谢作者分享。
我还在钓鱼砍树砸石头还贷款，大佬们已经在玩设计做衣服了
高德地图截图场景我觉得可以辨析一下。 现在这个时代还预备着没网的场景已经很少了，大多数场景可能是：打开地图规划路线——好...
很赞的分享！
每天官微五分钟一年萌新变大神
每天10篇设计干货300万设计师关注！
终于知道怎么用删格做设计了，这种干活才是大家需要的，给个赞！