ProtoPie是一款谷歌、阿里设计师都在用的高保真交互原型设计工具,功能齐全,上手简单,交互原型设计,像说话一样简单,依次拼接交互动作,轻松完成各种数码产品的高保真原型,支持多种演示平台,非常适合APP应用开发人员使用。
软件简介
ProtoPie是一款移动端交互原型设计软件。 它帮助设计师无需编写代码就可以简单快速地制作出高保真交互原型,还能实时在手机上演示,使原型能够在更多的场景下被使用。
基本概念
ProtoPie的概念模型是基于浅显易懂的交互原理所创建,以此可以替换复杂的编程语言。 自然界物体间的交互是由动作的对象,引起交互发生的触发动作,受触发动作影响而产生的反应动作,这三者组成。
ProtoPie就是利用将对象、触发动作、反应动作组合成交互的原理,制作出一个个完整的交互原型。如上图所展示的,图层就是交互对象,点击图层的动作就是触发动作,点击后图层发生的变化就是反应动作。
如同在自然界中有限的元素可以组合出世界万物一样,复杂的交互效果也是由有限的触发动作和反应动作拼接出来的。上表左侧是触发模块,右侧是反应模块。
软件特色
无代码原型工具
轻松组合即可制作交互动效,
摆脱代码束缚体验感应式交互。
轻松上手
无需任何代码知识就可制作高质量原型。ProtoPie顺应设计师的思维方式帮助用户快速打开交互之门。
传感交互
陀螺仪、麦克风、罗盘、3D Touch, 多种智能传感器任你调配。
设备间交互
多台智能设备间的互动也可无代码制作,各种使用场景只有想不到没有做不到。
云端分享
使用链接快速分享原型,每个历史版本也可逐一管理。
软件亮点
同时选取并拖拽多个时间轴
原型内可加入外链以打开网页和程序
加入描边和阴影属性和交互
支持音频文件:mp3、wav、m4a
软件优势
为什么选择ProtoPie
我们选择了最主要的4个使用ProtoPie的理由:
1. 低学习成本
ProtoPie的操作原理直观易懂,并具有和其他图像编辑软件相似的用户界面,只要是有过一点使用图像编辑软件经验的朋友,都可以快速掌握ProtoPie。
2. 无代码
ProtoPie无需用户编写任何代码就可以轻松制作精益原型。摆脱复杂的代码和函数运算,轻轻松松拼接交互模块,就可以制作出丰富多样的交互效果。
3. 多点触摸手势&传感器
ProtoPie支持多点触摸手势。因此无论是双指还是三指,都可以成为你交互原型的一部分。除此以外,智能手机内置的传感器也可以作为触发动作被使用。交互不再限于屏幕上的点击动作,声音触发、倾斜触发、甚至智能设备间的通信等都可以被添加到交互原型中,使原型扩展到更多的服务设计领域。
4. 支持手机演示
ProtoPie支持在真实的手机上演示原型,并且可以向多部手机同时发送。无论是多人会议还是用户调查,ProtoPie可以使你在多种场景下展现自己的设计。
快捷键
程序
功能 | macOS | Windows |
隐藏ProtoPie |
Command + H |
- |
隐藏其他程序 |
Command + Option + H |
- |
全屏显示 |
Command + Control + F |
- |
最小化 |
Command + M |
- |
打开折叠图层栏 |
Command + Option + 1 |
Ctrl + Alt + 1 |
打开折叠交互栏 |
Command + Option + 2 |
Ctrl + Alt + 2 |
收起打开图层栏和交互栏 |
Command + Option + 3 |
Ctrl + Alt + 3 |
收起打开表达式输入窗 |
Command + Return |
Ctrl + Enter |
收起打开场景栏 |
Command + 1 |
Ctrl + 1 |
收起打开组件栏 |
Command + 2 |
Ctrl + 2 |
管理原型
功能 | macOS | Windows |
新建 |
Command + N |
Ctrl + N |
打开 |
Command + O |
Ctrl + O |
关闭 |
Command + W |
Ctrl + W |
保存 |
Command + S |
Ctrl + S |
复制文件 |
Command + Shift + S |
Ctrl + Shift + S |
上传到云端 |
Command + U |
Ctrl + U |
重命名 |
Command + R |
Ctrl + R |
编辑文本图层 |
Return |
Enter |
插入交互元素
功能 | macOS | Windows |
图像 |
I |
I |
矩形 |
R |
R |
圆形 |
V |
V |
容器层 |
N |
N |
‘单击’触发模块 |
T |
T |
‘拖拽’触发模块 |
D |
D |
‘联动’触发模块 |
C |
C |
‘移动’反应模块 |
M |
M |
‘大小’反应模块 |
S |
S |
‘透明度’反应模块 |
O |
O |
编辑原型
功能 | macOS | Windows |
撤销 |
Command + Z |
Ctrl + Z |
还原 |
Command + Shift + Z |
Ctrl + Shift + Z |
复制 |
Command + C |
Ctrl + C |
粘贴 |
Command + V |
Ctrl + V |
同时粘贴图层和交互 |
Command + Shift + V |
Ctrl + Shift + V |
复制图层 |
Command + D |
Ctrl + D |
删除 |
Delete |
Delete |
容器层编组 |
Command + G |
Ctrl + G |
解除容器层编组 |
Command + Shift + G |
Ctrl + Shift + G |
折叠 |
Command + [ |
Ctrl + [ |
展开 |
Command + ] |
Ctrl + ] |
展开所有层级 |
Option + Click |
Alt + Click |
取消图层自动贴合 |
Command + Drag Layer |
Ctrl + Drag Layer |
以锚点为中心调整图层大小 |
Option + Resize Layer |
Alt + Resize Layer |
垂直或水平拖动图层 |
Shift + Drag Layer |
Shift + Drag Layer |
增加延迟时间 (+0.01s) |
Right |
Right |
减少延迟时间 (-0.01s) |
Left |
Left |
增加延迟时间 (+0.1s) |
Shift + Right |
Shift + Right |
减少延迟时间 (-0.01s) |
Shift + Left |
Shift + Left |
增长持续时间 (+0.01s) |
Option + Right |
Alt + Right |
减少持续时间 (-0.01s) |
Option + Left |
Alt + Left |
增长持续时间 (+0.1s) |
Shift + Option + Right |
Shift + Alt + Right |
减少持续时间 (-0.1s) |
Shift + Option + Left |
Shift + Alt + Left |
演示原型
功能 | macOS | Windows |
演示原型 |
Command + Shift + R |
Ctrl + Shift + R |
预览窗 |
Command + P |
Ctrl + P |
控制视图
功能 | macOS | Windows |
放大 |
Command + =, Z + click |
Ctrl + =, Z + click |
缩小 |
Command + -, Z + Option + click |
Ctrl + -, Z + Alt + click |
还原大小 |
Command + 0 |
Ctrl + 0 |
回归中心视图 |
Command + 1 |
Ctrl + 1 |
平移 |
空格键 + 鼠标移动 |
空格键 + 鼠标移动 |
软件评论 您的评论需要经过审核才能显示
网友评论