原型作品分享:ProtoPie还能这样玩!

小编在dribbble上为大家搜集了一组优秀的交互设计,这些作品都是国内外设计师使用ProtoPie制作的交互原型。在欣赏作品时,大家可以扫作品下端的二维码,亲自在手机上进行交互体验。

那下面就直奔主题吧~

1. 健康管理应用 / 设计师:Tomáš Sebastián

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图1

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图2

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图3

2. 日历应用 / 设计师:Arkady Nuriev

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图4

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图5

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图6

3. 支付应用 / 设计师:Michal Sambora

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图7.gif#alt=%25E5%258E%259F%25E5%259E%258B%25E4%25BD%259C%25E5%2593%2581%25E5%2588%2586%25E4%25BA%25AB%25EF%25BC%259AProtoPie%25E8%25BF%2598%25E8%2583%25BD%25E8%25BF%2599%25E6%25A0%25B7%25E7%258E%25A9%25EF%25BC%2581%25203ec37612b89646448bef6c708d43711d%2Fezgif.com-gif-maker_%286%29.gif)

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图8

  1. 打车应用 / 设计师:Ariunbold Ankhaa

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图9

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图10

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图11

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图12

这款原型曾获得dribbble原型设计大赛的优秀奖。在手机上用ProtoPie Player打开源文件,输入起点和终点,随意选择你要去的路线吧!

5. 语音助手 / 设计师:1px

%E5%8E%9F%E5%9E%8B%E4%BD%9C%E5%93%81%E5%88%86%E4%BA%AB%EF%BC%9AProtoPie%E8%BF%98%E8%83%BD%E8%BF%99%E6%A0%B7%E7%8E%A9%EF%BC%81%203ec37612b89646448bef6c708d43711d/Voice_Assistant.mov

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图13

ProtoPie 5.1 版本发布了语音交互功能,在这个原型中,不仅实现了语音唤醒,还实现了人机连续对话的交互效果。扫二维码打开原型,每次说出一个关键词“你好”“吃饭”“天气”“喜欢”“讨厌”,听听ProtoPie的回答😉

6. 阅读听书应用 / 设计师:Khonok Lee

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图14

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图15

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图16

Khonok的作品曾在dribbble原型设计大赛中获得冠军。如果你还想查看她的其他作品,请点这里

7. 健身应用 / 设计师:Andrej Roman

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图17

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图18

设计师展示了一个从手机到Apple Watch之间的跨屏幕交互效果。设计师没有分享源文件,小编不能确定的说它是如何实现的。但小编可以告诉大家,通过ProtoPie可以实现跨屏幕、跨设备交互💪

8. 云盘页面 / 设计师:Martin Maderič

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图19

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图20

之前有用户询问如何做出像这样“拖动图片改变图片排列顺序”的效果。小编有联系设计师寻求源文件,但一直未收到回信🥺

不过没关系!在ProtoPie中文官网的教程列表中已经有相关教程,可以点这里进入官网学习。

9. 设计工具 / 设计师:Brave Wings

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图21

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图22

ProtoPie支持联动触发,设置当图层A属性发生变化时,使图层B的属性也发生变化。因此可以做出原型中”拖拽颜色条来调节颜色“的效果!

10. 网页设计 / 设计师:Giulio Cuscito

原型作品分享:ProtoPie还能这样玩! 3ec37612b89646448bef6c708d43711d - 图23

没错!大家还可以用ProtoPie制作网页端的交互原型。

ProtoPie可以帮助你实现任何场景中的交互效果,使用ProtoPie的行业也没有限制。ProtoPie不仅支持语音交互,还可以通过ProtoPie Connect 插件,实现如车载交互、智能家电等软硬件交互!

如果想了解更多ProtoPie的功能,请前往ProtoPie中文官网:http://www.protopie.cn/

作品源文件地址

  1. 健康管理应用:https://dribbble.com/shots/10759652-Gamified-Health-App-Interactive-Prototype/attachments/21865?mode=download

2.日历应用:https://cloud.protopie.io/p/990a540816

  1. 支付应用:https://cloud.protopie.io/p/7623c336af?ui=true&mockup=true&touchHint=true&scaleToFit=false&cursorType=touch

  2. 打车应用:https://cloud.protopie.io/p/0d75a4b1a9

  3. 语音助手:https://cloud.protopie.io/p/7d8ea5643e?_ga=2.126225421.1024860175.1609721549-242526741.1592457655

  4. 听书应用:https://cloud.protopie.io/p/bf7d35b81c

第7~10款作品的设计师未公开源文件