原型設計分為兩種，一種是靜態的線框圖，我們一般叫wireframing；另一種是動態的原型，一般叫作prototyping。目前在prototyping設計中涉及到的交互主要分為三種：頁鏈接、交互狀態和組件之間的交互。而動態原型的設計工具中比較常見的能夠包括這三種交互設置功能的也有很多，比如：Axure、Justinmind、Mockplus和Proto.io等等，種類之多，數不勝數。

但是，這些工具無一例外，都在宣傳自己的過程中說自己是快捷迅速的。我們平時說的Axure，全名叫做Axure RP，而RP代表的意思恰恰就是Rapid Prototyping（快速設計原型）；Mockplus也說自己是更快更簡單的原型設計工具。既然都說自己是快速簡單，我們今天就來比較實際操作一下，你們到底有多快。

頁鏈接設置：速度平分秋色，可視化體現差異

在Axure所有的交互設置中，頁面鏈接是最簡單的一種了，只需要點擊右側屬性面板中的創建鏈接，并在下拉菜單中選中需要跳轉的頁面就可以了。但是Axure在這一過程中有一個明顯的不足，就是對于可視化的缺失。如果在這個項目中各個頁面的名稱比較相近，那么這樣使很發生鏈接錯的情況的。

而Justinmind應該是也體會到了Axure的這一問題，它采用的是一種拖拽的方式來實現頁鏈接的設置。但是這似乎并沒有真正的解決可視化的問題。因為，這個表示拖拽的圖標實在太小了。

如果說Axure和Justinmind比較相似，那么Proto.io和Mockplus也應該是一見如故了。兩者都采用了拖拽鏈接點的方式來進行頁鏈接設置的操作，而且這個拖拽的過程是有明顯的鏈接線顯示的。這就大大提高了可視化，從而降低了操作的難度。更加可貴的是，Mockplus中組件的鏈接點在停留在頁面上的時候還會顯示該頁面的縮略圖，這使得錯誤鏈接的可能性降到了最低。

組件交互設置：速度差異開始變得明顯

這里的設置中，四款工具的在交互設置上的速度差別就體現出來一些了。Axure在這里采用的方法是點擊添加用例，然后彈出一個設置的面板，在面板中選擇對應的命令，交互動作，和動效。Justinmind還是察覺到了Axure這里設置的不方便，但是，就像頁鏈接的設置一樣，Justinmind也還是沒有拿出更好的解決辦法。設置中Justinmind沿用了Axure的模式，只是在選擇的過程中采用了下拉菜單。雖然在選擇目標時使用了可視化的窗口，但并沒有從根本上解決操作繁瑣的問題。

反觀兩個年輕人，Mockplus和Proto.io在組件交互設置的模式上使用了更加簡單快捷的拖拽，也就是在各種工具中流行的Drag-and-Drop。只是簡單的對鏈接點的拖動就可以實現組件之間的交互。Mockplus的命令選擇相對更加直接，Proto.io的交互命令可能還需要在進一步的進行調整。這種在交互設置上的拖拽模式和高度的可視化，使得操作中目標更加明確，動作更加清晰，Proto.io的組件大綱的功能也使得組件之間的關系更加有條理。Mockplus也在計劃推出相應的功能，這里我們一起期待一下吧。

組件交互狀態設置：Mockplus只需三秒。

作為一款新興的原型設計工具，Mockplus不斷強調自己快速和敏捷。在大部分原型設計工具軟件沒有為組件的交互狀態單獨設置功能選項的時候，Mockplus已經有了相對完善的組件交互狀態設置的體系。主要的操作體現在屬性面板中，這個閃電一樣的標志就是交互狀態設置的按鈕，在彈出的面板中，可以設置鼠標經過和鼠標落下兩種狀態。而并不是像Axure、Justinmind或者Proto.io那樣把交互狀態作為一種組件之間的交互來設置。這個功能看似簡單，但是它從這一個方向推動著原型設計向著更簡單、更快速靠攏。像這樣改變顏色的交互狀態設置，三秒足夠了！

我們不可否認，Axure和Justinmind在功能的全面性上確實占有優勢，但是我們也一樣能夠像Mockplus這種新興的力量的崛起。隨著行業發展，大家對原型設計工具需求和要求不斷提高，希望這樣的新力量會帶給我們更多的驚喜。