principle导出html5,手把手教你用Principle制作原型

通过12GIFs带你入门Principle(附件中提供Principle的试用版)

当Principle出来，我就花了几个星期尝试使用，尽管在之前我已经听过对它的各种好评。主要是因为原型制作软件总是一个死循环，新的原型工具问世>设计师感到兴奋>只使用了一段时间，如此不断重复这个循环。但自从用上了Principle，我被它深深地折服了。

视差滚动

为什么使用Principle？

我迄今为止使用最多的元素级别原型软件是Pixate，但Principle把我的原型设计时间减少到原来的十分之一。在Pixate上45分钟完成的工作，Principle只需要5分钟。原型设计时间越短，你就越有可能用它进行试验。你就可以开尽早始工作流程中试验动效，原型设计会变得更有意义。

下载与安装

Principle for Mac在其网站上下载可以试用14天，时间应该是充足的，可以帮助您确定它是否适合你的工作。而终身的许可证售价99$(约合648人民币)。

注：Principle目前只能在Mac上使用。它可以让你的Android，iOS和Web原型动起来，甚至是简单的GIF，但你只能在您的计算机或在iPhone上预览。

如果你是Sketch的用户，你会立即注意到Principle跟其十分相似。有画板，图层列表和图层属性窗格。

画板

在Principle每个画板都是一个屏幕或动画的状态。你可以从下拉菜单中预设的设备尺寸来创建一个画