Principle的动画和交互式用户界面设计的新工具开始在Dribbble上迅速普及。您可以使用这个易于使用的工具,帮助您生成动画的交互式设计,具有可自定义的布局和过渡。今天小编为您带来Principle如何创建交互式用户界面原型!
今天我想在原理中分享我对移动应用程序原型设计的印象,并解释如何使用它,这样你就可以花更少的时间来设计漂亮的交互式原型。
原理工具包
首先,让我们看看原则包括:
- 无数的画板。例如,在Pixate中,只有一个画板在工作上造成了困难。
- 用于对齐元素的标准调色板
- 用于编辑形状(资产),大小,画板上的位置,不透明度,半径,倾斜角度,比例和颜色的基本调色板。
- 调色板,允许您为界面元素设置垂直或水平移动
- After Effects中的时间轴动画
- 驱动程序
- 设备模拟器具有拍摄视频的能力
原则允许您创建文本和形状图层,并支持导入资产。创建或编辑画板时,您可以从最常用尺寸列表中进行选择,包括iOS尺寸和Dribbble的400 x 300和800 x 600像素。
创建互动
要创建简单的交互,您需要做的就是使用现成的界面(使用预设元素)复制画板,更改这些元素的布局,并指定一个操作,以帮助您从一个画板到另一个画板。
转变
所有过渡都以放置在画板上方的箭头的形式显示。我们可以通过单击它们来查看和编辑时间轴中动画的每个元素的属性。
驱动程序
另一件事是使用驱动程序动画交互!此功能类似于Pixate中的if条件。但在原则上,它是作为常规时间表实施的。这意味着元素的行为 (例如,改变其位置,大小,角度)可以通过movebale元素的布局来定义。
保存
我们可以使用原生原理格式保存原型,并制作视频并将其保存为视频格式或GIF格式。
总之,一些教程足以让您学习如何使用Principle。是时候谈谈它的优缺点了。
优点:
- 直观的界面
- 多个画板
- 时间表和司机
- 在模拟器中预览(并借助iOS设备上的Mirror)
- 出口视频和GIF
缺点:
- 一些错误(但团队正在努力)
- 费用只有100美元!
尽管有这些缺点,但Principle是一个很好的工具,可以为手机创建交互式UI原型,特别是考虑到它只是一个MVP!你可以用它制作很多令人惊奇的东西:光滑的交互,短动画,甚至是多屏应用。但作为移动UI原型制作工具的Principle最令人难以置信的品质是简单和方便,许多同行仍然缺乏。