行业对于UI设计师的要求越来越高，UI设计师不仅需要静态界面的设计，更要掌握一些动效软件，学会用动效来包装自己的作品，展示自己。今天给大家整理了一些，动效软件principle的基础知识。

背景：

Principle是一款轻量的、具有强大功能的动效设计软件；2015年由Apple工程师Daniel Hopper开发，基于iOS底层核心框架的Core Animation动画效果，默认动画持续时间是0.3s。

优势：

1、界面和sketch如出一辙，支持sketch文件导入，无缝衔接；是sketch的最佳拍档。

2、有对应的iOS镜像app，principle mirror可以直接预览动画效果。

3、上手容易、学习曲线平缓，学习社区资源较多。

1:sketch源文件直接导入到principle中的方法：

方法（1）：在sketch中选中源文件复制，在principle中粘贴即可；

方法（2）：利用import直接在principle中导入sketch文件；

导入源文件

2:principle动效导出步骤：

（1）：点击摄像头按钮，录制动效过程，结束后再点击摄像头按钮；

录制动效过程

（2）：录制结束后弹出选择导出格式的弹窗，可以选择gif导出；

动效导出设置

常用的快捷键：

（1）按住空格键：鼠标点击可以随意拖动画板；

（2）command+鼠标滚轮滑动：放大缩小画布；

（3）command+1:全局视图；

（4）command+2:局部缩放选中的对象；

（5）command+3:居中视图；

（6）视图窗口下：side by side，可以使预览窗口和软件界面区域并排显示；

（7）视图窗口下：picture by picture：将预览窗口恢复排列到软件界面中；

（8）Angle：旋转选中元素；或按住command键旋转；

（9）Storke：描边，只有内描边选项；

描边

（10）蒙版效果：将元素打组（⌘+g）之后，在左侧面板可以激活：clip Sublayers功能，这样就建立了蒙版；拖拽组的大小，可以控制里边元素显示区域的大小。

（11）想要元素A跟着元素B一起移动，拖动元素A到元素B中成为子元素，拖动B，A就会跟着B一起移动；

（11）想要元素A跟着元素B一起移动，拖动元素A到元素B中成为子元素，拖动B，A就会跟着B一起移动；