美文网首页首页投稿(暂停使用,暂停投稿)
介绍:Form的初次使用体验(一)

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

作者: 潘肉肉 | 来源:发表于2016-05-11 17:08 被阅读0次

    第一次使用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,只想说,简直啦...!!

    相关文章

      网友评论

        本文标题:介绍:Form的初次使用体验(一)

        本文链接:https://www.haomeiwen.com/subject/tajurttx.html