近年来，交互设计被越来越多的提及，并且还产生出了新的工作岗位“交互设计师”，而且交互设计在产品设计中所占的地位也越来越重要；严哥也是一直想转交互，了解过Flinto，Principle，Framer，Origami等等，但不是原型保真度不满意，就是学起来太难，或者就是各种代码表达式，很难上手。
严哥对交互工具的要求：
1.别让我写代码
2.支持Sketch导入
3.支持Windows和Mac（因为我有两台电脑）
5.保真度一定要高，不能只停留在页面跳转
▲
ProtoPie官网截图
其实严哥之前听圈里朋友提过，但没用过。既然这次又被我碰上了，索性就下载试一下吧。下面是严哥对于ProtoPie的测评：
1.ProtoPie适合做单页面移动端的原型。
2.保真度比Flinto和Principle高，学习难度比Framer要低（很多）。
4.传感交互是亮点，尤其是手机和硬件Arduino交互的功能眼前一亮。
6.适合制作微交互原型，如果只制作页面跳转有点屈才。
一、大福利：支持Windows和Mac，拥有中文界面
像我这种一台Windows一台Mac办公的设计师，简直太良心了。用Windows的设计师都知道，除了Adobe家大业大，知道开发Windowns的设计工具以外，留给我们可选择的交互工具寥寥无几，ProtoPie可以说绝对是Windows用户设计师的福利；ProtoPie说是支持Win10，不过在我的Win7上运行似乎也没有什么毛病。
支持Mac和Win64、Win32
其实英文界面对我也还好（请让我装会儿），不过有中文界面的话，确实上手的时候会轻松很多。
ProtoPie欢迎界面
二、界面设计：功能区分清晰，不需要写代码，操作简单
ProtoPie的直观界面
ProtoPie交互制作逻辑
ProtoPie的逻辑其实和我跟开发人员说交互时候的逻辑挺像的。官网上有这样一个表，列举了移动端上常用到的交互动作，动作虽然不全，但这种思维方式是U妹很推崇的。
交互思维逻辑宝典
三、学习成本低：有中文教程，用了2个小时全部学完
用ProtoPie做一个交互只需4步：
1.添加素材
2.添加点击动作
3.添加反应动作
4.预览效果
点击动作和反应动作，ProtoPie都给好了，根据需要选择就行。整个过程和玩拼图一样，很简单。
快速制作交互的方法
后来在网上发现了一个教程，看了一会儿，讲的挺细的，放上来给回头想学的朋友吧。
Meia上的免费教程，推荐圈起来的三个
四、交互效果：交互细致，支持条件判断
ProtoPie在做移动端交互上很牛，尤其是有条件判断（Ifelse这种）所以做的原型都很高大上。比如下拉刷新，立体旋转等等。其实自己也有做，不过没有官网上的绚丽，就先不出来丢人了，等回头再研磨一下再发，下面是官网上的案例。
官网4个小案例
这些在其他工具上做就太费劲了，页面和代码一堆一堆的，做不做得出来还不一定。
●在电脑预览窗上看，实时同步
●发送到手机上的ProtoPieapp，保存到手机，随时可以离线查看
●上传到网页上，生成链接，发到工作群里大家一起看。
最后一个，看的人不需要安装ProtoPie，有个链接就能看，良心功能啊。
这三个预览平台上都可以调整演示速度，这个描述细节的时候挺有用。
六、传感交互：手机原型能控制智能灯？
这个功能一定要留到最后压轴说，很神！先看下面的视频。请注意，所有设备上的画面都是ProtoPie做的原型！
超级马里奥交互原型-ProtoPie
IoT-ProtoPie
跨设备交互，很高大上的感觉！以前从来没想过，像我这种表达式代码不太灵的人还能做这种交互。而且ProtoPie上做起来超级容易。好心写一下做法：（从测评变教程了LOL）
1.新建一个文档，像配图左边一样插入触发动作和发送
2.在新建一个文档，插入接收和移动
3.在发送和接收的竖向那里写一样的代码，比如123
4.一个文档的交互发送到手机1，另一个发送到手机2
5.单击手机1，手机2上的图层就会移动了
七、支持Sketch导入，多触点手势
用Sketch的话这个功能不多说，正是我需要的。导入后不需要重新排版，直接开始加交互动作就可以。
支持5根手指的手势。不过你的设备屏幕不够大，一般2个足以了。
其实交互设计并没有你想象中的那么难上手，想要做出高大上的交互效果就是如此简单，今天就到这里了，有任何疑问大家都可以给我留言，U妹与你下期再见。
八、可以导出视频格式
可以将自己设计好的交互原型，导出为MP4视频格式，可快速的的将自己的idea直观的呈现在团队成员眼前；导出的视频将以MP4格式保存到你的指定位置。
敲黑板，划重点：严哥专属彩蛋
为了让更多的小伙伴可以在自己的Win或者Mac上简单高效的做出自己想要的交互原型，U妹给大家争取到了很大优惠福利，官方价格：99美元，UI严选设计铺价格：只是官方的一半价格
ProtoPie永久激活码获取
你也可点击下方红色文字
其实交互设计并没有你想象中的那么难上手，想要做出高大上的交互效果就是如此简单，今天就到这里了，有任何疑问大家都可以给我留言，严哥与你下期再见。
86人已收藏
你确定要举报交互动效原型设计其实并没有你想象的那么难...（文末有彩蛋）？
如果查出恶意举报，十天内禁止提交任何举报申请。
0/200
点击上传附件
外链地址：
对谁可见：
完整度
启发性
勤奋性
排版布局
手机打开
UI严选，#越努力，越幸运#
删除经验
您将要删除您的大作
交互动效原型设计其实并没有你想象的那么难...（文末有彩蛋）