偶然發(fā)現(xiàn)了一款最近發(fā)布的原型制作應(yīng)用:ProtoPie。
雖然不能理解是什么含義,看了下面這張圖我就理解了,哈。

現(xiàn)在市面上的原型工具層出不窮,frame,pixate,flint,principle,墨刀,mockup,justinmind,azure......
那么這款工具產(chǎn)品有什么亮點(diǎn)的地方值得去一試呢?
我在官網(wǎng)上看到了這樣的介紹(http://protopie.cn):

于是饒有興致的去下載了試試。(目前只有Mac的測(cè)試版)

進(jìn)入正題吧,啟動(dòng)的過程并不算友好,沒有引導(dǎo)過程,直接就進(jìn)入工作界面,我既沒辦法查看到與產(chǎn)品相關(guān)的信息,也不了解如何去開始一個(gè)工作或查看過往文件,這對(duì)新用戶來說,真的很讓人一臉蒙逼,其它產(chǎn)品都會(huì)有一個(gè)短暫的過渡,例如:




一個(gè)有意義的過渡頁(yè),能夠幫助我更快的學(xué)習(xí)了解這一款工具的特性,這關(guān)系最終會(huì)有多少用戶學(xué)會(huì)并繼續(xù)使用你的產(chǎn)品。
在這里還是有先介紹下ProtoPie的交互機(jī)制吧,ProtoPie就是利用將對(duì)象(Object)、觸發(fā)動(dòng)作(Trigger)、反應(yīng)動(dòng)作(Response)組合成交互的原理,制作出一個(gè)個(gè)完整的交互原型。

回到啟動(dòng)后的工作界面。

視覺上中規(guī)中矩,和Pixate和Ps(dark)的選色較為接近,布局上由頂部的操作欄和圖層,工作區(qū),交互設(shè)置區(qū),屬性區(qū)四個(gè)分屏組成。狹小的工作區(qū)讓感受起來有些壓抑。
頂部從左至右分別是建立新圖層(圖片,方形,原型,空白對(duì)象)


選擇設(shè)計(jì)設(shè)備尺寸(為移動(dòng)端而設(shè)計(jì))
第三個(gè)就比較尷尬了:

選擇場(chǎng)景,但是并不能夠直觀的去選擇,通過命名來查找切換,如果做起連續(xù)的交互應(yīng)該會(huì)麻煩挺多,因?yàn)槲也坏貌蝗ゲ榭磪?shù)才能知道跳轉(zhuǎn)的前后邏輯。
接下來是讓人興奮的一部分,添加交互效果,這應(yīng)該是我目前嘗試過內(nèi)置的功能最為強(qiáng)大的工具,讓我們來看看:



包含了3D touch,Sound,Tile,Compass這樣更高級(jí)的交互內(nèi)容,功能強(qiáng)大,操作起來更加真實(shí)。

再右邊的兩個(gè)是連接設(shè)備和開始演示(那個(gè)play只是文字提示),也是現(xiàn)在比較主流的方式,與移動(dòng)設(shè)備上的app聯(lián)動(dòng),通過掃碼或者是USB連接演示,這里有一個(gè)細(xì)節(jié)是,需要兩個(gè)手指輕點(diǎn)兩次,會(huì)彈出一個(gè)退出/重新開始/和調(diào)節(jié)速度的dialog。在桌面上點(diǎn)擊運(yùn)行后,手機(jī)會(huì)有“叮呤”一響聲。

圖層面板能夠進(jìn)行拖拽排序,更改命名,顯示/隱藏這樣的基礎(chǔ)功能。
然后是添加交互的主要工作,選中圖層,添加觸發(fā)方式,選擇響應(yīng)動(dòng)作,編輯參數(shù)。(當(dāng)然也能過先編輯觸發(fā)方式和響應(yīng)動(dòng)作再連接上圖層)
為了讓效果更加豐富,一個(gè)觸發(fā)方式能夠關(guān)聯(lián)上多個(gè)響應(yīng)動(dòng)作。

但是我試著去拖動(dòng)右邊時(shí)間軸上的滑塊,很遺憾這里不能進(jìn)行編輯,僅是一個(gè)提示作用,時(shí)間還得去參數(shù)內(nèi)編輯,或許在接下來的版本會(huì)得到改進(jìn)。
在這里才能完成對(duì)時(shí)間的編輯

嘗試了之后,一些其它工具沒有的交互效果用起來也是很不錯(cuò)的,像重力和方向的交互模擬,對(duì)其它工具來說還是有不小的難度,而在這款工具上卻可以用的這么自然。
最后還是想要吐槽一下這個(gè)尷尬的四屏界面,讓我感覺有些呼吸困難,我為什么非得在這么一個(gè)狹小的畫布上去進(jìn)行編輯操作呢?比如說把時(shí)間軸放在屏幕下方,交互動(dòng)作放在現(xiàn)在的屬性欄,參數(shù)調(diào)整作為選中后的浮動(dòng)窗口呈現(xiàn),這樣我的空間就大了很多,我可以去通過縮放查看整個(gè)交互之間的邏輯,不是很棒嗎?
也許下一個(gè)正式版會(huì)帶來更強(qiáng)大的體驗(yàn)。