如何使用Principle for Mac制作卡片左右划动动效

Principle for Mac是很好的动画交互设计软件，从您的喜爱导入您的设计工具，您的设计又为您注入新的活力，同时有快捷键帮助您更好更快的完成您的设计，是非常棒的一款交互设计工具。今天为大家带来的教程是如何使用Principle for Mac制作卡片左右划动动效。

1：建立好图层，灵活运通Mask控制图层

如上图所示，建立好所有图层，其中可以发现其中有四个编组我是用了Mask。

Tip：Principle导入Sketch文件时，会保留Sketch里面除Mask编组外的所有图层。而带有Mask的那个一编组无论编组里面实际上有多少图层，都只会被当成一个图片图层。

我们可以利用这一点，灵活控制我们在导入Principle时的图层数量，而不用在Sketch文件里面做合并或删减。
比如当我们在做高保真的demo时，某个列表编组里面的图层有很多，而其实际上只需要实现其Scroll的效果。如果直接导入到Principle里面，那这个编组里面的图层数量就会完全被继承，而且图层名非常容易混乱，要知道Principle就是通过图层名去判断图层的，所以很容易出错。这时候我们只需要给这个列表编组添加一个等大的Mask图层置于编组最底层，导入Principle时这个列表编组就变成了一个单独的图片图层。

Tip：Principle可以继承Sketch图层的Shadow效果，包括填充色、X、Y、Blur，而Spread不可被继承。
Principle只能继承Sketch图层填充模式为Flat Color，其余填充模式都会被转化成图片图层。
Principle不能继承Sketch图层的圆形图层，如果想正圆图层