偶然發(fā)現(xiàn)了一款最近發(fā)布的原型制作應(yīng)用:ProtoPie。
雖然不能理解是什么含義茬射,看了下面這張圖我就理解了,哈冒签。
現(xiàn)在市面上的原型工具層出不窮在抛,frame,pixate萧恕,flint刚梭,principle肠阱,墨刀,mockup望浩,justinmind辖所,azure......
那么這款工具產(chǎn)品有什么亮點的地方值得去一試呢?
我在官網(wǎng)上看到了這樣的介紹(http://protopie.cn):
于是饒有興致的去下載了試試磨德。(目前只有Mac的測試版)
進入正題吧典挑,啟動的過程并不算友好酥宴,沒有引導(dǎo)過程,直接就進入工作界面您觉,我既沒辦法查看到與產(chǎn)品相關(guān)的信息拙寡,也不了解如何去開始一個工作或查看過往文件,這對新用戶來說琳水,真的很讓人一臉蒙逼肆糕,其它產(chǎn)品都會有一個短暫的過渡,例如:
一個有意義的過渡頁在孝,能夠幫助我更快的學(xué)習(xí)了解這一款工具的特性诚啃,這關(guān)系最終會有多少用戶學(xué)會并繼續(xù)使用你的產(chǎn)品。
在這里還是有先介紹下ProtoPie的交互機制吧私沮,ProtoPie就是利用將對象(Object)始赎、觸發(fā)動作(Trigger)、反應(yīng)動作(Response)組合成交互的原理仔燕,制作出一個個完整的交互原型造垛。
回到啟動后的工作界面。
視覺上中規(guī)中矩晰搀,和Pixate和Ps(dark)的選色較為接近五辽,布局上由頂部的操作欄和圖層,工作區(qū)厕隧,交互設(shè)置區(qū)奔脐,屬性區(qū)四個分屏組成。狹小的工作區(qū)讓感受起來有些壓抑吁讨。
頂部從左至右分別是建立新圖層(圖片髓迎,方形,原型建丧,空白對象)
選擇設(shè)計設(shè)備尺寸(為移動端而設(shè)計)
第三個就比較尷尬了:
選擇場景排龄,但是并不能夠直觀的去選擇,通過命名來查找切換,如果做起連續(xù)的交互應(yīng)該會麻煩挺多橄维,因為我不得不去查看參數(shù)才能知道跳轉(zhuǎn)的前后邏輯尺铣。
接下來是讓人興奮的一部分,添加交互效果争舞,這應(yīng)該是我目前嘗試過內(nèi)置的功能最為強大的工具凛忿,讓我們來看看:
包含了3D touch,Sound,Tile,Compass這樣更高級的交互內(nèi)容,功能強大竞川,操作起來更加真實店溢。
再右邊的兩個是連接設(shè)備和開始演示(那個play只是文字提示),也是現(xiàn)在比較主流的方式委乌,與移動設(shè)備上的app聯(lián)動床牧,通過掃碼或者是USB連接演示,這里有一個細節(jié)是遭贸,需要兩個手指輕點兩次戈咳,會彈出一個退出/重新開始/和調(diào)節(jié)速度的dialog。在桌面上點擊運行后壕吹,手機會有“叮呤”一響聲著蛙。
圖層面板能夠進行拖拽排序,更改命名耳贬,顯示/隱藏這樣的基礎(chǔ)功能册踩。
然后是添加交互的主要工作,選中圖層效拭,添加觸發(fā)方式,選擇響應(yīng)動作胖秒,編輯參數(shù)缎患。(當(dāng)然也能過先編輯觸發(fā)方式和響應(yīng)動作再連接上圖層)
為了讓效果更加豐富,一個觸發(fā)方式能夠關(guān)聯(lián)上多個響應(yīng)動作阎肝。
但是我試著去拖動右邊時間軸上的滑塊挤渔,很遺憾這里不能進行編輯,僅是一個提示作用风题,時間還得去參數(shù)內(nèi)編輯判导,或許在接下來的版本會得到改進。
在這里才能完成對時間的編輯
嘗試了之后沛硅,一些其它工具沒有的交互效果用起來也是很不錯的眼刃,像重力和方向的交互模擬,對其它工具來說還是有不小的難度摇肌,而在這款工具上卻可以用的這么自然擂红。
最后還是想要吐槽一下這個尷尬的四屏界面,讓我感覺有些呼吸困難围小,我為什么非得在這么一個狹小的畫布上去進行編輯操作呢昵骤?比如說把時間軸放在屏幕下方树碱,交互動作放在現(xiàn)在的屬性欄,參數(shù)調(diào)整作為選中后的浮動窗口呈現(xiàn)变秦,這樣我的空間就大了很多成榜,我可以去通過縮放查看整個交互之間的邏輯,不是很棒嗎蹦玫?
也許下一個正式版會帶來更強大的體驗赎婚。