ProtoPie 3.6: 有史以来,最多的更新
高保真交互原型工具ProtoPie新增视频录制与iPhoneX边框等15项功能

3.6版本是ProtoPie在2017年的最后一次更新,快过年了,我们送来了年底综合大礼包。
这次足足添加了15项新功能,一起来看看吧:
新增功能
- 支持iPhone X 和 Pixel 2 边框
- 预览窗录制并储存为MP4格式
- 无限反复
- ‘停止’反应
- 因容器层的增加或删除导致内部图层的坐标发生变化时,相关交互模块数值自动更新。
- 画板上的基本操作
* 利用触摸板放大缩小画板
* 隐藏/显示对齐线
* 中心放大缩小图层
- 图层上的基本操作
* 锁定图层
* 一键折叠或打开容器层
* 一键折叠或打开所有层级的容器层
* 水平或竖直移动图层
* 复制图层
- 增加判断属性
* 条件属性中加入圆角
* 滚页和滑页属性中加入‘滚页至’,页面可以从任意位置开始双方向滚动。
改善功能
- 优化设备选择窗口UI
- 优化预览窗UI
- 反复间隔数值由每1秒调节变为0.1秒调节
重点功能说明
预览窗录制导出MP4
我们知道有很多朋友在期盼这个功能。从3.6开始,在ProtoPie Studio的预览窗上可直接通过点击下方的录制按钮录制原型演示视频。


录制的视频将以MP4格式保存到指定位置。有了这个功能就可以快速和团队分享自己的设计想法啦!
如果你需要GIF文件,可以使用 GIPHY 直接录屏或用在线转换器将录制的MP4视频转换成GIF。我们很期待在站酷、Dribbble等作品分享平台看到你的作品!
别忘了,我们一直在募集优秀原型作品哦。欢迎联系我们分享你的佳作,说不定你的名字和作品就会出现在官网呢!
自带圆角处理的iPhone X和Pixel 2边框
随着苹果和谷歌推出iPhone X 和Pixel 2, ProtoPie也加入了对这两个机型边框的支持。

在画板右下方可以根据需要,开关iPhoneX和Galaxy 8边框。开启时,除了‘头帘’部分,预览时还可以看到四个角上的圆边处理效果。
来看看Jae-seong Jeong使用该功能制作的三款iPhoneX原型。

源文件下载:iPhoneX Travel

源文件下载: iPhoneX Todo

源文件下载:iPhoneX Travel
无限反复和‘停止’反应
在反应动作的属性栏,我们加入了‘无限反复’选项。勾选后相应反应动作则会被无限重复执行。在执行特定触发动作后,需要让其停下来时,使用‘停止’反应即可。下面是用这两个功能制作的简单范例。

https://share.protopie.io/bePmbgH8bGS
新增快捷键
ProtoPie 在3.6版本,对基本功能又做了进一步强化。下面是这次新增的快捷键,如果你已熟练使用Sketch或Photoshop可以直接跳过喽:
功能 |
Mac |
Windows |
隐藏/显示对齐线 |
Cmd + 拖拽 |
Ctrl + 拖拽 |
中心放大缩小图层 |
Option+ 调整大小 |
Ctrl + 调整大小 |
一键折叠容器层 |
Cmd + [ |
Ctrl + [ |
一键打开容器层 |
Cmd + ] |
Ctrl + ] |
一键折叠或展开所有层级的容器层 |
Cmd + 点击相应容器层 |
Ctrl + 点击相应容器层 |
水平或竖直移动图层 |
Shift+拖动图层 |
Shift+拖动图层 |
复制图层 |
Cmd + D |
Ctrl +D |
对了,最近很多新朋友开始学习ProtoPie,他们很希望听到你的使用经验呢,欢迎在各个平台分享教程或作品哦!







































