第一次使用Form熟吏,便結(jié)合了我自己的親身實(shí)踐,分享一些我使用Form的心得????
Form是什么?
Form是RelativeWave創(chuàng)建的交互工具 添诉,現(xiàn)已被谷歌收購(gòu)??.UI界面與QC有些相似扯旷,都是基于patch相聯(lián)的應(yīng)用雄妥。以前收費(fèi)80美刀蟹漓,現(xiàn)在免費(fèi)畔师。Go get it!
使用Form創(chuàng)建的原型可以在iOS設(shè)備本地運(yùn)行,需要使用它們自己的視圖軟件牧牢,F(xiàn)orm Viewer.
說(shuō)些啥?
這篇文章絕壁是菜鳥(niǎo)帖姿锭。也會(huì)在接下來(lái)不斷的實(shí)踐過(guò)程中不斷更新塔鳍。文中絕大部分內(nèi)容會(huì)著重介紹Form,并拆解一下RelativeWave官網(wǎng)的案例呻此。
最近轮纫,我聽(tīng)到最打動(dòng)我的觀點(diǎn)是:等“學(xué)富五車”了,才來(lái)分享么焚鲜?
專家有時(shí)并不是最好的老師掌唾。恰恰相反,對(duì)某些事物一無(wú)所知的新人常常有著更新穎更獨(dú)特的視角觀點(diǎn)忿磅,那正是專家所缺失的糯彬。希望我分享的一點(diǎn)菜鳥(niǎo)經(jīng)驗(yàn)可以幫助一些正在研究這個(gè)軟件的小伙伴,一起學(xué)習(xí)和進(jìn)步葱她,研究出更多更有意思的設(shè)計(jì)~
啟動(dòng)App
第一次打開(kāi)app撩扒,便會(huì)彈出新手指引《中基本是官網(wǎng)教程和案例的縮略搓谆。點(diǎn)擊任何一處便會(huì)直接跳轉(zhuǎn)到website炒辉。建議小白用戶將官網(wǎng)上的所有example和tutorial全部都做一遍,我自己也是這樣泉手,感覺(jué)收獲很大~
PATCH
patch是Form中重要的組成部分黔寇。原型的交互方式和動(dòng)效動(dòng)畫(huà)都是通過(guò)patch來(lái)接入的。在patch library中可以瀏覽所有的patch斩萌。每一個(gè)patch的作用都會(huì)文本顯示在最右邊缝裤。
還可以通過(guò)command + enter快速打開(kāi)patch library。在熟悉階段時(shí)术裸,可以將patch們?nèi)釉谝黄鹛仁牵瑢atch們的輸出端與輸入端隨意的連接在一起,看看會(huì)發(fā)生什么樣有趣的事情 :)
一些simple patch可以使一些常見(jiàn)的交互動(dòng)作變得更簡(jiǎn)單也更直覺(jué)化袭艺。
瀏覽教程
RelativeWave的官網(wǎng)教程還是很谷歌風(fēng)的搀崭,整個(gè)教程的感覺(jué)沿用了谷歌material design的UI。Learn部分主要是快速介紹Form的一些特色并且用視頻展示了如何使用它們猾编。更詳細(xì)的教程在community.
這些教程對(duì)快速成長(zhǎng)是非常有幫助的瘤睹。一開(kāi)始我并沒(méi)有在意這些,而是先跳到案例部分進(jìn)行試驗(yàn)答倡,并在接下來(lái)的案例的實(shí)踐中卡住了轰传,又重新回去看了教程,并且許多問(wèn)題的答案都得到了解決~建議大家先去看教程瘪撇,了解Form 的基本原理获茬,特別是對(duì)各種類型patch的介紹與應(yīng)用,是熟悉使用Form的關(guān)鍵倔既。
快速筆記:
能夠在手機(jī)上實(shí)時(shí)瀏覽恕曲,很棒!
還有desktop viewer可以完美解決萬(wàn)一手機(jī)與app連接bug了渤涌,還可以利用本地viewer查看佩谣,不影響向其它小伙伴展示。
patch可以Group实蓬,但是不可以u(píng)ngroup茸俭,
一旦你切換別的應(yīng)用,Mac與mobile之間連接會(huì)被自動(dòng)斷開(kāi)安皱,這一點(diǎn)體驗(yàn)特別不好调鬓,做一遍練習(xí)都要重新連接好多次
可以直接將sketch的文件復(fù)制黏貼進(jìn)Form中,或是直接拖拽酌伊,不用直接導(dǎo)出文件袖迎,或是安裝sketch插件,福音才睹!
被收購(gòu)后的Form中還有material design的專屬patch拓提,只想說(shuō)痘绎,簡(jiǎn)直啦...!!