历趣首页 手机客户端

当前位置:历趣APP下载>手机APP>手机办公软件>ProtoPie >ProtoPie:无需编程基础 专为设计师打造的原型设计工具

ProtoPie:无需编程基础 专为设计师打造的原型设计工具

时间:2018-12-07 11:00:34热度:

在设计流程中,原型设计是可以让我们更加清晰地阐述产品的体验,明确产品交互逻辑的一个重要方式。在团队协作中,原型设计也比设计稿更为直观。因此,无论你是交互设计师,还是 UI 设计师,都躲不开制作产品原型的需求。

在选择原型设计工具时,经验丰富的设计师往往都会想到 Axure、Sketch、Adobe XD 等知名工具。尽管这些工具足够强大,在专业领域也是难以替代的选择。但对于初学者来说,这些专业工具无疑给他们带来了较高的学习成本。

除此之外,这些专业工具也多少有一些不尽人意的地方,尽管你是专业工作者,也会对其感到繁琐:

缺少本土化:一些专业工具不支持中文,缺少中文教程,甚至没有中文。

交互效果差:交互效果的制作在不同工具里各有不同,要么能制作的效果十分有限,要么需要学习代码来制作页面内的微交互。

平台支持少:一些专业级工具只提供单平台客户端,对于其他平台的用户十分不友好。

……

今天要介绍的 ProtoPie,则是一款易上手、全平台的高保真原型设计工具。

20181207105659_7846.png

低学习成本的专业级工具

无论是懵懂无知的初学者,还是经验丰富的从业者,对于我们来说,要接触一款新应用,首先要考虑的就是学习成本。现有的专业级工具,大多是英文界面,且文档也多由英文所撰写,不提供中文版。即使专业人员们能读懂,但理解起来定是不如母语来得轻松。至于那些初学者,面对满屏幕的英文单词,更是在无形之中被其劝退。

在本土化方面,ProtoPie 不但做到了中文界面,更是提供了 中文 及 中文教程。无论你是初学者,还是想要更换工具的从业者,都可以在极短的时间内上手 ProtoPie。

20181207105733_2961.png

中文教程

清晰的交互制作逻辑

在原型设计的过程中,可不是做几个简单的页面就完事了。我们需要通过制作交互,让不同的页面,甚至是一个页面内的不同元素,对用户的操作做出反应。

ProtoPie 不但拥有清晰直接的交互制作逻辑,更是能在零代码的情况下,制作许多复杂、炫酷的交互。

20181207105810_9053.png

ProtoPie 交互示意图

在 ProtoPie 中制作一个交互动作,就像在捷径应用中制作一套简单的捷径一样轻松。我们只需要添加触发,选择对象,再添加一个反应动作即可完成一个交互动作。你不但可以让元素对屏幕的点击进行响应,更是可以对移动设备的各种传感器,甚至是 iPhone 的 3D touch 做出响应。

20181207105832_9868.png
轻松完成交互制作

与捷径一样,尽管 ProtoPie 采用了零代码的设计,但我们依然可以使用 if…else 判断语句来构成复杂的交互逻辑。配合特殊的发送/接收动作,我们可以在多个设备之间实现信息联动,同时在收到指定数据时,触发特殊的画面效果。

20181207105853_3707.png

跨设备触发动画

正因为 ProtoPie 的交互制作逻辑清晰直接,且学习成本低,它几乎能满足你所有天马行空的想象,开发出很难在应用商店里见到的玩法。我们不妨期待未来 ProtoPie 建成了社区生态时,会涌现出各种让人意想不到的新奇玩法。

支持多平台的原型演示

ProtoPie 被分为了两个部分,Windows、macOS 上的 ProtoPie Studio 用于制作原型,iOS、Android 上的 ProtoPie Player 用于演示原型。我们可以用不同的方法将 Studio 里的原型文件传输至 Player 中进行播放演示:

有线连接:通过 USB 将移动设备连接至电脑。需要注意的是,连接 iOS 设备需要电脑已安装 iTunes,Android 设备则需要在开发者选项中启用 USB 调试。

无线连接:当移动设备与电脑同处一个局域网环境时,可以通过扫描二维码、输入 IP 地址的方式进行设备的连接。

云端预览:我们可以将原型上传至云端,在移动设备上通过分享链接进行预览。同时,链接也可以发给他人进行预览。

经过尝试,三种连接方式的预览都需要在移动设备上安装 ProtoPie Player。在桌面端则可以通过云端预览在浏览器在线预览。无论哪种连接方式,预览体验都非常流畅。

在 Player 中,你可以通过双指双击屏幕呼出菜单,将当前原型保存至手机。但在 Studio 对原型进行修改后,你需要手动点击 Studio 内的播放将新的原型传输到你的手机上。

20181207105926_2309.png

在线预览

无需插件的多格式支持

在原型设计中,我们免不了会从网上下载一些素材,这些素材却大多是为 Sketch、Adobe XD 所提供的。面对海量优质素材,以往我们的选择基本都是通过安装插件、转换格式等方法,让自己所使用的应用可以打开这些素材。

在 ProtoPie 中,这样的问题将不复存在。ProtoPie 可以在不安装任何插件的情况下,原生支持导入 Sketch、Adobe XD 的素材。

20181207105958_3313.png

写在后面

ProtoPie 的使用场景非常广泛。无论是制作原型来实现自己的想法,还是在产品的开发过程中进行用户调研、团队沟通,甚至是完成一套 APP 作为毕业设计,ProtoPie 都可以为你做到。

类似 ProtoPie 的设计工具并不少见,但独有的跨设备交互功能让它得以在同类产品中站稳脚跟。虽然它仍处于起步阶段,但我们可以期待这款工具未来的发展,或许它会成为设计师的下一个囊中必备。


相关应用
热门APP标签
手机赚钱软件手机影视软件手机录屏软件手机视频播放器软件手机视频剪辑软件 赚钱软件影视软件手机克隆游戏平台录屏软件
热门手游标签
手机ACT游戏手机美女游戏手机恐怖游戏手机双人游戏手机三国游戏 小游戏棋牌游戏传奇手游网易游戏单机游戏
热门APP电脑版
淘宝电脑版剪映电脑版抖音电脑版QQ空间电脑版梦幻西游藏宝阁电脑版拼多多电脑版快手电脑版格式工厂电脑版学习强国电脑版哔哩哔哩电脑版
热门电脑软件
微信电脑版钉钉电脑版我的世界中国版企业微信电脑版腾讯会议电脑版360安全浏览器谷歌浏览器UC浏览器电脑版搜狗输入法美图秀秀电脑版
热门文章
误删了微信聊天记录怎么找回 微信聊天记录删除了怎么恢复王者荣耀名字前面的数字什么意思 王者荣耀名字前面的数字是什么得物上的东西是正品吗 免费鉴定商品真假方法微信分身怎么弄 微信分身如何设置明日方舟wiki哪里看 明日方舟wiki图鉴黑潮之上兑换码ios怎么用 苹果礼包兑换码使用方法王者荣耀名字特殊符号大全可复制抖音答案茶怎么玩 抖音answer tea玩法图文攻略淘宝省钱卡怎么取消自动续费 具体操作步骤少年三国志零什么时候公测 公测时间介绍
关注我们