连续 30 天 玩玩看 ProtoPie

做事情都要有个为什麽

人是很奇怪的动物,心中会有很多对某些事情的想像,总是一件又一件的想去做。

决定连续30天就是一直玩 ProtoPie ,有什麽 tutorial 或文章通通给他玩一玩,顺便做个纪录。

至少 30 天之後也可以很坦然的说,好,也尝试过了,可以去玩下一个东西罗。

毕竟也是别人花了时间开发出来的工具,自我挑战组就是打流水帐也没关系,想到什麽就写什麽,爽。

没用过 ProtoPie ,研究一下这个看似很方便的工具也不错。

直接开始!

直接来到官网打开一看,原来自己就有不少教学,先从这里开始体验吧。

https://www.protopie.io/learn

目前看起来用 Figma, AdobeXD 和 Sketch 的档案都可以汇入,但需要先安装插件。

可以直接从原始的档案里面,抓一整个 art board 或是单独的元件,感觉弹性很大。

https://ithelp.ithome.com.tw/upload/images/20210916/20141941CnZ9qzW9YD.png

Trigger + Response + Object,每个互动就是用这三个元素来进行。

https://ithelp.ithome.com.tw/upload/images/20210916/20141941cFkmlbo0q0.png

右边点开 add trigger 就能看到各种互动 trigger 选项。

https://ithelp.ithome.com.tw/upload/images/20210916/20141941OmiUgfdPJI.png
选择完之後,就能在 trigger 的下方选择想要什麽样的回馈 response ,现在工具有够方便。

教学影片讲者一直强调 no stress... 大家平常压力到底多大哈哈哈。
感觉最方便的地方就是,立刻就能分享给人测试。

https://ithelp.ithome.com.tw/upload/images/20210916/20141941iwrBV4IVIe.png

可以扫 QR code !

https://ithelp.ithome.com.tw/upload/images/20210916/20141941oPCVscrNbj.png

但必须先下载一个 ProtoPie Player app ,看来iOS跟Android都有。(看他们 YouTube 一些教学都用 Android ,觉得需要弄一只来测试。)

影片还很贴心,説如果你的工程师没有 ProtoPie Player app 怎麽办?
可以用 ProtoPie cloud 分享给其他人看,没有 ProtoPie 也一样可以留言、讨论。

好,直接点进来,发现又是一个影片,看来是把 Workshop 录起来放这。

很贴心的在底下已经有 Figma 跟 ProtoPie 的 Assets ,真的是很认真在推广呢。
(底下连结点过去就是了~)

https://www.figma.com/community/file/976300648567220215

里面看到他们说每个月都会有初阶和进阶的工作坊,但点进去看来好像没了?
(看起来里面就是那些?说不定之後有别的地方有,不过不急,一步步来先把这些看完。)

https://www.protopie.io/blog/category/workshops

把 Figma 的 Assets 下载之後长这样,要用 Figma 帐号开喔。
(刚好趁机玩一下 Figma 哈哈哈 太划算了 很明显是在逃避认真上 Flavio 的课 lolll)

https://ithelp.ithome.com.tw/upload/images/20210916/201419414wnjCYjwBq.png

超棒的对不对!ProtoPie都帮你准备好了,直接开用。

好啦,第一天就这样莫名开始,也莫名结束,明天见!

希望大家都健康平安,充满开心的事情。


<<:  开发环境

>>:  人脸辨识的简介

第五天:在 macOS 上安装 Gradle

同为 Unix 系列的 macOS 可以完全相容上一篇使用 SDKMAN 安装 JDK 及 Grad...

Day30 系列文总结与未来

总结与未来 终於走到了今天这一步,过去介绍了很多关於 Apache NiFi 的组成与应用,我们从 ...

网路设备(上)

主机组好後,Server网路环境也是相当重要的一环呢! 在正式安装unRaid前会先谈各网路设备的原...

[Day26] Scrum失败经验谈 – Daily scrum变成daily report

在Scrum的机制里,每天的站立会议(Daily standup meeting)是一个极小体现Sc...

[Day 27] 阿嬷都看得懂的 JavaScript 怎麽写

阿嬷都看得懂的 JavaScript 怎麽写 昨天我们提及程序语言的 4 个重要特徵: 变数 型别 ...