原型设计工具

工欲善其事必先利其器。如何才能快速地设计一款产品？一款优秀的产品原型工具必不可少。原型设计工具有很多，如axure、墨刀、摩客（Mockplus）、xiaopiu、Sketch等，但让我最青睐的还是Protopie，这款新兴的原型工具。

一.Protopie是什么？

Proopie是一款无代码原型工具，简单易上手，能够实现很多动画效果，还具备复杂的条件和参数设置，轻松组合即可制作交互动效，摆脱代码束缚体验感应式交互，对于用户来说“交互原型设计，像说话一样简单”。

二.Protopie的特点

高效且强大

交互组件提高制作效率；感应交互和函数变量等让一切皆有可能。

无缝衔接

无插件一键导入素材，不需重新排版即刻开始交互设计。

支持多种系统

交互工具不再受制于系统，Protopie同时支持Windows和Mac。

随时随地演示

不管有网还是离线，原型文档都能实时同步到手机、平板、电脑，并在网页和设备上测试。并且可以向多部设备同时发送。无论是多人会议还是用户调查，ProtoPie可以使你在多种场景下展现自己的设计。

与团队自由协作

将原型上传到云端，方便分享和版本管理，让协作更高效。

交互不再停留在想象

除在单一设备上进行交互外，ProtoPie还支持在多个设备间进行相互通讯以便捷地实现原型上的交互，如进行聊天或转账。

 

 

三.个人使用体验

1.Proto支持ios、安卓、平板及自定义尺寸；可切换和管理不同的场景，有利于开发多平台间的应用。

         

 

2. ProtoPie上图层的编辑方法同其他设计工具十分相似。添加矩形、椭圆等矢量图层后，可以调整其尺寸和位置，因此用户可以很快上手使用此部分功能，可以有效的降低用户学习成本。

       

 

 3.使用ProtoPie制作的文件可在网页云端工作区管理并分享。链接分享原型、版本管理、添加描述都十分人性化。

    在线分享原型前，需先保存该原型到本地。之后点击ProtoPie Studio上端的‘云端’按钮，就可上传文件并复制分享链接。进入云端工作区还可以对分享的原型做更详细的设定。 

    Protopie支持云端工作区，在这里可以管理同一文件的不同版本，添加对交互原型的描述，设置下载源文件等。进行软件开发时，团队成员可以在工作区互相下载各自的文档，进行多设备的传送，使合作更加高效。

    分享原型时可以设定其他人是否可以下载源文件。关闭‘下载’时，获得分享链接的用户只可在线查看原型效果但无法下载源文件。

 

4.Protopie能够在其他设备如平板、手机上演示在电脑上制作的原型，可以支持3种连接的方法：（1）扫描二维码（2）输入IP地址（3）使用USB数据线。同时展现的交互效果会和真实的App一样自然流畅。就我个人使用来说，我觉得还是“扫描二维码”的方式更加便捷，不仅能够省去繁琐的步骤，还能摆脱的没有数据线的烦恼。

以下是操作方法：

（1）准备好已设置ProtoPie Studio的电脑和ProtoPie Player的手机。

（2）将电脑和手机连接在同一无线网络下。

（3）在ProtoPie Studio的工具栏找到设备按钮，点击后会弹出如下图一样带有二维码的窗口。

（4） 在ProtoPie Player上点击‘扫描’按钮,二维码扫描自动开启,扫描窗口上的二维码。

  

（5）点击ProtoPie Studio工具栏上的‘运行’  按钮，或者单击ProtoPie Player上的 运行 按钮可以将原型传送至ProtoPie Player。

（6）在ProtoPie Studio上修改完原型后，再次点击‘运行’按钮就可以将最新的原型发送到手机上。