principle是一个为Web，移动和桌面设计动画和交互式用户界面的工具；它很好地结合了Sketch、Keynote、Flash以及After Effect等动效制作软件的优点，能快速创建可视化的交互原型和赏心悦目的动态效果。
本教程操作环境：macos 10系统、principle 5.13版本、Apple MacBook Pro 16电脑。
Principle是一个为Web，移动和桌面设计动画和交互式用户界面的工具（一些设计团队甚至将它用于虚拟现实！）。通过允许您在投入宝贵的工程时间之前快速评估您的想法，Principle加速了设计开发周期。在决定最终设计之后，Principle原型可以将想法传达给工程团队。
与其提供专门用于传递设计趋势或小众用例的功能相比，Principle显然更致力于提供通用功能的工具箱，这些功能可以创造性的方式组合以产生各种结果。由于无法涵盖这些功能可以组合的所有方式，因此本文档重点介绍Principle如何工作的原理，并让读者发明创造性应用程序。
Principle很好地结合了Sketch、Keynote、Flash以及After Effect等动效制作软件的优点，能快速创建可视化的交互原型和赏心悦目的动态效果。使用Principle，能实现页面的转场、页面的联动、加载动画、元素变化等常见效果，当然，它也有局限性，如果涉及到数据交互，例如Axure的中继器效果，它就不是一个最佳的还原工具。
Principle的优势
（1）简单易上手
打开Principle，我们就会立即注意到，它和Sketch的界面十分的相似，它里面也有工具栏、检查器、Artboard和图层列表。神奇的是，它也可以直接从Sketch中直接复制和粘贴元素，只需要Cmd+C和Cmd+V即可。不仅如此，Principle的学习成本非常低，只需要简单的拖拽就能搭建一个在手机上可交互的原型，用时可能不到5分钟。这意味着Principle的维护成本也比较低，要知道，我们拒绝做高保真的原型的原型就是因为太费时费力，有这个时间还不如多写一篇交互说明，动效原型设计的时间越短，越利于我们低成本去验证我们心中的想法。
（2）和Sketch无缝链接
在Principle工具栏中，有一个叫Import的工具，上面还有一颗钻石的图标，这是为Sketch量身定制的导入工具，点击它，就能从Sketch中导入想要的素材，前提是同时开启Principle和Sketch。另外，务必记住一点，Sketch的多个图层导入到Principle中时，会自动合并为一个图层，所以，导入之前要仔细看清楚有哪些图层是不能合并的。
此外，Principle的快捷键和Sketch也是高度重合，例如添加画板A、直角矩形R、文本工具T、编组Cmd+G...真正的无缝链接。
（3）能为开发提供动效参数
还记得第6章中，我们描述过的动效说明吗？要实现一些先加速后减速的曲线效果，我们需要为开发工程师提供动画曲线是哪一种。以iOS为例，如果使用的是系统默认的Core Animation引擎，Principle中会提供EaseOut、EaseIn两种函数曲线，并且可以调整4个对应的参数值设置。说人话就是，开发需要的一些动效参数，Principle都可以提供。
想要查阅更多相关文章，请访问PHP中文网！！
