连续 30 天 玩玩看 ProtoPie - Day 5

第五天了。
反省一下,接下来结束前的每一天要再多做一点,感觉进度有点慢。
今天要来把影片剩下的搞定,接下来要继续探索更进阶的 ProtoPie 啦!


Interaction Recipies

https://ithelp.ithome.com.tw/upload/images/20210920/201419413e2griKMu6.png

左手边有个 Interaction Recipies 的功能。

简单说,设计者可以把各种画面行为录起来,交接给工程团队的时候,里面相关的资讯也会同时包含在里面。

跑去看 docs 的描述 “durations, delays, easings as well as layer properties, all accessible in a single overview”

https://www.protopie.io/learn/docs/interaction-recipes/creating-interaction-recipes

这样感觉满方便的,不知道有没有人工作上真的用这个,沟通上真的有比较省力吗?

看影片上各 layer 的状态、物件之间的距离、各种点击之後的时间这些资讯都有提供。

https://ithelp.ithome.com.tw/upload/images/20210920/20141941IL5c3a5cBT.png

讲者在这边提到了,确实是只有 Team 或 Enterprise Plan 才有这个功能。

(个人使用者哭哭)

https://ithelp.ithome.com.tw/upload/images/20210920/20141941VAG4yz7yOt.png


Libraries

讲者接着分享 Libraries ,作为设计师协作用的工具。

总共有三种:

Personal Libraries、Public Libraries、Team Libraries。

Personal Libraries 是你自己产生的,你如果想要分享是可以的。

Public Libraries 是 ProtoPie 这边提供的一些很基本的元件,可以自由使用。

(例如 Material Design UI Kit 和 iOS UI Kit)

Team Libraries 就是给设计师彼此之间协作用,可重复使用的元素。

https://ithelp.ithome.com.tw/upload/images/20210920/20141941Fgnq3bbzWy.png

我们前面已经制作出一个互动:长按 icon 会使 icon 左右震动,再次点击之後会恢复原状。

https://ithelp.ithome.com.tw/upload/images/20210920/20141941vkcZQzkLVY.png

在 ProtoPie 上选择那一个元件,并点击上方的 Component 按钮。

https://ithelp.ithome.com.tw/upload/images/20210920/20141941kc1d1YC1SZ.png

此时这个 Component 还是在 Local 端,所以要先在 Team Libraries 里面建立一个 Library。

https://ithelp.ithome.com.tw/upload/images/20210920/2014194128LCwqZhnU.png

选择 Create 之後会跳出一个新的框,上面会有紫色的横条。
这不是 ProtoPie Studio 而是你的 Library Edit 模式。

https://ithelp.ithome.com.tw/upload/images/20210920/20141941vJI36QItT5.png

目前这个操作感觉还是有点 hack 。

基本上就是必须回到 ProtoPie Studio 选择原本的 Local Component ,用 cmd+c 复制之後,回来 Library Edit 这个页面贴上。

https://ithelp.ithome.com.tw/upload/images/20210920/201419417ImtJK38wm.png

是不是很hack ,应该之後版本会有新的做法?


接着储存档案之後,选择紫色横条的 Publish 就能够上传到 cloud 提供给其他成员使用了。

大致上最简单的入门介绍影片就这样结束了,後面有提供一些学习资源。

ProtoPie 学习资源

讲者建议可以去看 Ask Leah ,下面两张图可以看到他们原本的网站,直接在 Learn
下面就有一个 Ask Leah。

(讲者影片介绍的旧版)
https://ithelp.ithome.com.tw/upload/images/20210920/20141941N7ALORMwXT.png

(现在网站上的新版)
https://ithelp.ithome.com.tw/upload/images/20210920/20141941QL6mmpYovN.png

Ask Leah 现在的网址:
https://www.protopie.io/blog/tag/ask-leah

现在已经有非常多其他的资源慢慢补上去了。

https://ithelp.ithome.com.tw/upload/images/20210920/201419418sapm81PUe.png

其实每次看到这种改变都觉得大家都很努力,产品毕竟没有完成的一天,就是持续的改善、进步。

讲者也说可以看看他们的 docs。(一定要的啊)

https://www.protopie.io/learn/docs/introducing-protopie/getting-started

产品的各种更新、新消息则在这边。

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

至於feature request基本上目前只能使用英文。
(不知道为什麽会特别在网站上强调,是不是因为韩国人用的也很多?)

https://ithelp.ithome.com.tw/upload/images/20210920/20141941dRgR4at4Ro.png

不过这种方式也满不错的,用了觉得不顺就可以直接上去 request ,有个良性互动,大家一起成长。

看好多人在这边的发文,心里觉得很感动。

选择不使用社群网路到现在还是觉得是正确的选择,但能够有不同的社群进行交流,我认为还是网路最有意义的一环。

必须尝试揭露自己喜欢跟有兴趣的地方,透过这样的交流获得更多鞭策与学习,成为一个更完整的人。

ProtoPie 这样的摸索太慢了,明天加速。

中秋节快乐。


<<:  DAY 5 - 兔人 ~中秋节快乐~

>>:  Day 6:监控系统的设计

Day 30: 机器学习最终回 网路资源总集合

机器学习最终回 网路资源总集合 那麽也到了我们『Machine Learning With Me ,...

使用者帐号在Mendix要怎麽管理?

铁人赛来到第29天了! 既然应用程序都开发得差不多了,是时候来给Admin更多的权限了! 创建帐号连...

免触碰式开门的产品

在出门时,我们无可避免地需要触碰到门柄、键… 但在疫情期间,为了减少接触而受感染的机会,我们会用各式...

Android Studio初学笔记-Day26-ExpandableListVIew(2)

接续昨天,今天要讲的是ExpandableListView的主体拉,首先创一个java档,我命名为M...

除了刷题之外的事 - System Architecture

除了刷题之外的事 刷题是练习解决问题的能力的一种方法,而这里的「问题」主要是指演算法问题。但在实务...