Hello，U友们又见面了

大家可能对于“是北瓜呀“这个名字很陌生，那就对了，因为这个名子是最近才取的，哈哈，为什么叫北瓜，因为“冬南西”都有瓜，只有北没有，为了做一个独一无二的瓜，于是取名北瓜！

北瓜和大家聊聊关于动效的一些知识，里面有一些常用的表达式、插件、知识点科普等等，文末有插件、表达式的获取方式，希望能给大家一些帮助。

大纲如下：

1.设计师工作中常用的动效软件

2. 利用AEUX插件把Sketch的文件完美导入AE

3. 动效永远逃不掉的四大基础元素

4. 提高效率的AE插件和常用表达式

5.怎么去提升自己的动效设计能力

_____________________________________________________________________________________

1. 设计师工作中常用的动效软件

1.1 设计趋势一直都在变化，随着5G时代的到来，UI动效设计越来越多被应用在APP中。市场上的动画软件也是五花八门，为了完美解决需求我们应当选择合适的UI动效设计工具。

UI设计师常用的三款动效设计制作工具：Ae、Protopie、Principle简单介绍下软件的特点和适用性。

AE：支持Macos/Winds，特点就是强大且牛逼加持无敌特效，配合PS和AI等自家软件，更是得心应手。Behance、Dribbble上很多的大神都用来制作UI动画展示、礼物特效、概念作品等等。


Principle：支持Macos，同时配合Sketch也是非常方便。它主要是做2个页面间过渡专场特效，元素切换，细节动效的工具。重点是它可以实现人机交互，快速制作演示Demo等等。



Protopie：支持Macos/Winds，它更加轻量级，集可以调用iphone系统的陀螺仪、麦克风、罗盘、智能传感器等。重点是在ProtoPie上使用时不需要编写代码，可以直接对接开发。

1.2 Principlce和Protopie一般在需要交互动效、演示Demo或者比较理想的团队用的比较多，相对于我们工作中的项目：TAB动效、弹窗展示、体验交互、礼物特效比较鸡肋。而AE能更好的制作这些动画效果。

AE的功能和布局相对复杂导难操作难记，但是它能快速上手和制作动画，也是属于设计师的核心竞争力之一，本文重点的讲解AE在工作中的Sketch文件导入和利用插件提高动画设计效率。

2. 利用AEUX插件把Sketch的文件完美导入AE 

2.1 关于PS、AI文件导入AE的教程我就不多说了哈～  

我们先讲下AEUX插件的背景：AEUX 是由 Google 团队推出的运用在 Sketch 和 AE 的一组高效插件，能将 Sketch 里的图层以及整个画板一键导入到 AE 里，同时能在 AE 里解决图形分组和分层的问题，减少导出图片或者转入 Illustrator 处理。带来的不必要的重复动作。

2.2 关于AEUX的导入教程

1. 插件安装好后，打开sketch，选择 插件 > AEUX，打开插件面板。选中要导入到AE的画板，点击紫色区域“Selection to Ae”，如果界面中含有位图，会弹出一个窗口，选择或者新建一个文件夹在桌面保存位图。

Powered by Froala Editor