动效设计必备指南，带你玩转AE！

动效是用户体验的重要组成部分，也是产品调性的重要体现。如今动效设计也有了更多的解决方案，如 Framer、Principle、Flinto、Protopie 等，这些软件在制作交互原型时，确实有更轻量[……]

阅读全文 »

AE情境氛围动效 + 前端实现落地的方法

前言：本篇文章介绍了 情境氛围动效「氛围渲染动效」 并且通过前端实现落地的方法。主要使用工具 After Effects。

设计的本质是为了解决问题，制定设计原则时需要建立在这个设计的中[……]

阅读全文 »

APP动效设计如何做得流畅又实用？

前言：在市面上，大多数好的APP都可以看到细微的交互动效，动效设计已经是UI设计师必须会的技能，那么，APP动效设计如何做得流畅又实用？本文将分享UI设计师必须知道动效规则，并用”对”和”错”的案例让[……]

阅读全文 »

文字动效：从字体设计到AE动效落地

前言：相信大家见过写字效果的动效，就是文字按照书写的顺序一笔一划的写出来，这种效果其实很简单，今天分享从文字设计到动效落地的全过程，你会发现这种动效其实没有想象中的复杂，而且很简单哦，让我们一起学习吧[……]

阅读全文 »

不要随便设计UI动效，请先明白这12项动效原理

前言：有不少动效设计的初学者，他们刚开始做UI的动效设计基本都是很生硬，没有一种自然的感觉。他们做的动效往往以装饰性为主，仅仅如此的话，可能会损害产品的可用性。今天给大家介绍12项动效设计原理，这些都[……]

阅读全文 »

动效设计的方法论：动效的质感

前言：动效质感最直接的表现就是对动效速度与节奏的微妙把控。动效不仅仅炫酷有趣，能够生动的展示界面间的转换，还可以清晰地表达层级的关系，及时有效的界面内的元素。给用户带来自然、高效和顺畅的体验。有好的动[……]

阅读全文 »

AE动画插件Lottie的前世今生，避坑指南

前言：Lottie 是Airbnb开源的一个面向 iOS、Android、React Native 的动画库，可以实时渲染After Effects动画。所以AE动画中，Lottie插件常用来配合输出[……]

阅读全文 »

AE教程：APP界面「点赞」动效设计

一份实用的AE动效设计教程，详细介绍APP界面的点赞动态效果是如何做出来的。文末有源文件，大家可以下载下来配合本文的教程一起学习。[……]

阅读全文 »