第 50 期 优设零基础训练营招生中，教你精通熟练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中却很难看到。
我刚刚毕业真的是对我真的是有很大帮助，很认真的看完了，不过我在招聘网上投了大量的简历到现在还没有回我的，我真的怀疑我自...
我觉得作者说的网格，除了基本的概述，其余的都连他自己估计都乱的，一个是以1920X1080举例的那个，设定的网格，也没有考虑页面边...
很有帮助，支持作者，希望继续发
小组件不是应该系统出厂时就已经内置好了吗？那怕是进行组件配置更换模板，也是设计好了才出厂的，怎么会有不能保证效果的说法...
蓝色背景和红色跑道的颜色有点不协调，整体很到位，很有冲击力，大大总结的真好很有用！
我刚刚毕业真的是对我真的是有很大帮助，很认真的看完了，不过我在招聘网上投了大量的简历到现在还没有回我的，我真的怀疑我自...