介绍:Form的初次使用体验(一)

第一次使用Form,便结合了我自己的亲身实践,分享一些我使用Form的心得💡💡

mac版 下载链接

Form是什么?

Form是RelativeWave创建的交互工具 ,现已被谷歌收购👋.UI界面与QC有些相似,都是基于patch相联的应用。以前收费80美刀,现在免费。Go get it!

使用Form创建的原型可以在iOS设备本地运行,需要使用它们自己的视图软件,Form Viewer.

说些啥?

这篇文章绝壁是菜鸟帖。也会在接下来不断的实践过程中不断更新。文中绝大部分内容会着重介绍Form,并拆解一下RelativeWave官网的案例。

最近,我听到最打动我的观点是:等“学富五车”了,才来分享么?

专家有时并不是最好的老师。恰恰相反,对某些事物一无所知的新人常常有着更新颖更独特的视角观点,那正是专家所缺失的。希望我分享的一点菜鸟经验可以帮助一些正在研究这个软件的小伙伴,一起学习和进步,研究出更多更有意思的设计~

启动App

启动界面

第一次打开app,便会弹出新手指引。基本是官网教程和案例的缩略。点击任何一处便会直接跳转到website。建议小白用户将官网上的所有example和tutorial全部都做一遍,我自己也是这样,感觉收获很大~

PATCH

patch是Form中重要的组成部分。原型的交互方式和动效动画都是通过patch来接入的。在patch library中可以浏览所有的patch。每一个patch的作用都会文本显示在最右边。

还可以通过command + enter快速打开patch library。在熟悉阶段时,可以将patch们扔在一起,将patch们的输出端与输入端随意的连接在一起,看看会发生什么样有趣的事情 :)

通过command + enter快速打开patch library

一些simple patch可以使一些常见的交互动作变得更简单也更直觉化。

simple patch的动画演示

浏览教程

RelativeWave的官网教程还是很谷歌风的,整个教程的感觉沿用了谷歌material design的UI。Learn部分主要是快速介绍Form的一些特色并且用视频展示了如何使用它们。更详细的教程在community.

这些教程对快速成长是非常有帮助的。一开始我并没有在意这些,而是先跳到案例部分进行试验,并在接下来的案例的实践中卡住了,又重新回去看了教程,并且许多问题的答案都得到了解决~建议大家先去看教程,了解Form 的基本原理,特别是对各种类型patch的介绍与应用,是熟悉使用Form的关键。

快速笔记:

能够在手机上实时浏览,很棒!

还有desktop viewer可以完美解决万一手机与app连接bug了,还可以利用本地viewer查看,不影响向其它小伙伴展示。

patch可以Group,但是不可以ungroup,

一旦你切换别的应用,Mac与mobile之间连接会被自动断开,这一点体验特别不好,做一遍练习都要重新连接好多次

可以直接将sketch的文件复制黏贴进Form中,或是直接拖拽,不用直接导出文件,或是安装sketch插件,福音!

被收购后的Form中还有material design的专属patch,只想说,简直啦...!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,292评论 4 61
  • WebSocket-Swift Starscream的使用 WebSocket 是 HTML5 一种新的协议。它实...
    香橙柚子阅读 24,222评论 8 184
  • 《超能力的马修》 我叫马修,是这个世界的超能力者。对于我来说,身份、地位、金钱与我没有任何关系。 因为我是一个英雄...
    莽莽世人阅读 323评论 0 1
  • 今天读了吴军从硅谷寄来的<从《孙子兵法》和《战争论》说起>这封信。信中,吴军从孙子兵法和战争论谈到了企业的管理。因...
    鹿鹿无畏阅读 886评论 0 51
  • 2017 年新能源车行情催化剂主要有:1)新能源汽车放量超预期,预计2016 年新能源车产量可达48 万辆,201...
    奔牛sz阅读 203评论 0 0