熊先生作原型之貨比三家

做爲一名產品小白，學會使用一款原型設計工具是一項硬指標，然而如今網上流傳的國內外原型設計工具這麼多，到底要選哪一款呢？無奈的熊先生只好弱弱地去向大神請教，前輩們大方的推薦了三款：Axure、Justinmind還有Mockplus。因而，站在岔路口的我，掏出來本子，把三款工具都試了一遍，作了幾個級別的比較。嘿嘿，實踐出真知。

1. 入門第一天級——交互設置

Axure：        

Mockplus：  

Justinmind：          

原型設計中最基礎的步驟必然是交互設置，對於產品汪來講，交互設置都不會作的話，收拾好東西，回家洗洗睡吧。因此，爲了避免睡的太早，熊先生牢牢的抱住了Mockplus的大腿，這個交互設置是在是太簡單了，一個拖拽，解救小白於彈指之間。

2. 入門次日級——頁面跳轉

Axure：        

Mockplus：            

Justinmind：        

若是入門第一天學習的是基礎的交互設置，那麼次日要學習的就是頁面的跳轉了。這一個環節中Mockplus仍然以拖拽的簡單方式更勝一籌，紅色的連接線能夠直觀的看到將要設置交互的頁面。與之相似的則是Justinmind，然而在拖着一個組件到達我要設置的頁面位置時，組件又忽然變成了小小的連接標誌，莫名有了種配個眼鏡的衝動。至於Axure，我太懶了，真的不想鼠標點點點的去設置了。

3. 進階級——手勢交互

Axure：         

Mockplus：           

Justinmind：          

這個就沒什麼好說的了，Justinmind得到了壓倒性的勝利，由於。。。那兩位壓根就沒有手勢交互的設置。若是你的原型設計中有硬性要求採用手勢交互的設計，那麼，請使用Justinmind，由於這三款工具中，他是惟一的選擇。

4. 骨灰級——變量判斷

Axure：       

Mockplus：           

Justinmind：          

在演示中根據變量來實現交互的觸發，第一次聽到這個設置的感受是：我讀書少，不要騙我！不過在經驗豐富的大神指導下，我在Justinmind和Axure中完成了這樣的設置。可是，我仍然停留在不明覺厲的階段，由於也很簡單：我！不！會！作！這個必須是高端骨灰級玩家才能掌握的技能，我仍是先老老實實退下吧。

5. 實踐中——迴歸原位

Axure：        

Mockplus：            

Justinmind：         

昨天跟着大神一塊兒作原型，其中須要作一個來回移動的球，點擊向右平行移動，再次點擊所有回到原位。熊先生本身在內心盤算着，雖然看起來很少，可是這要是作下來應該是不少步驟吧，並且要將幾乎相同的方式設置兩遍，好煩啊。但是大神設置了一步就演示了，結果還成功了。趕忙請教！原來人家是內測用戶，有Mockplus的2.1.9版本。這個版本中有一項神奇的功能就是自動還原。沒錯，就是讓你不須要進行任何反向設置也能迴歸原位的功能。真心從細節上減輕了設計師的工做量。並且只須要在參數面板中輕輕一點便可。整個過程簡單，任性。

通過了五項的比較以後三款工具能夠說各有千秋，可是Mockplus對於小白的我來講仍是更加合適一點，它的設計思路彷佛更加簡單快捷；而在須要更復雜的設計上Axure具備必定的優點；Justinmind則在手勢交互方面一枝獨秀。

另：貌似最近一直跳票的Mockplus終於要發新版本了。3000個矢量圖標和導出項目樹等功能聽上去還讓人以爲有點小期待呢。這麼長時間的等待到底值不值得，看來立刻就要見分曉了，讓咱們一塊兒期待吧！