原型設計分為兩種，一種是靜態(tài)的線框圖疫铜，我們一般叫wireframing茂浮；另一種是動態(tài)的原型，一般叫作prototyping壳咕。目前在prototyping設計中涉及到的交互主要分為三種：頁鏈接励稳、交互狀態(tài)和組件之間的交互。而動態(tài)原型的設計工具中比較常見的能夠包括這三種交互設置功能的也有很多囱井，比如：Axure驹尼、Justinmind、Mockplus和Proto.io等等庞呕，種類之多新翎，數(shù)不勝數(shù)程帕。
但是，這些工具無一例外地啰，都在宣傳自己的過程中說自己是快捷迅速的愁拭。我們平時說的Axure，全名叫做Axure RP亏吝，而RP代表的意思恰恰就是Rapid Prototyping（快速設計原型）岭埠；Mockplus也說自己是更快更簡單的原型設計工具。既然都說自己是快速簡單蔚鸥，我們今天就來比較實際操作一下惜论，你們到底有多快。
頁鏈接設置：速度平分秋色止喷，可視化體現(xiàn)差異
在Axure所有的交互設置中馆类，頁面鏈接是最簡單的一種了，只需要點擊右側屬性面板中的創(chuàng)建鏈接弹谁，并在下拉菜單中選中需要跳轉的頁面就可以了乾巧。但是Axure在這一過程中有一個明顯的不足，就是對于可視化的缺失预愤。如果在這個項目中各個頁面的名稱比較相近沟于，那么這樣使很發(fā)生鏈接錯的情況的。
而Justinmind應該是也體會到了Axure的這一問題植康，它采用的是一種拖拽的方式來實現(xiàn)頁鏈接的設置社裆。但是這似乎并沒有真正的解決可視化的問題。因為向图，這個表示拖拽的圖標實在太小了。
如果說Axure和Justinmind比較相似标沪，那么Proto.io和Mockplus也應該是一見如故了榄攀。兩者都采用了拖拽鏈接點的方式來進行頁鏈接設置的操作，而且這個拖拽的過程是有明顯的鏈接線顯示的金句。這就大大提高了可視化檩赢，從而降低了操作的難度。更加可貴的是违寞，Mockplus中組件的鏈接點在停留在頁面上的時候還會顯示該頁面的縮略圖贞瞒，這使得錯誤鏈接的可能性降到了最低。
組件交互設置：速度差異開始變得明顯
這里的設置中趁曼，四款工具的在交互設置上的速度差別就體現(xiàn)出來一些了军浆。Axure在這里采用的方法是點擊添加用例，然后彈出一個設置的面板挡闰，在面板中選擇對應的命令乒融，交互動作掰盘，和動效。Justinmind還是察覺到了Axure這里設置的不方便赞季，但是愧捕，就像頁鏈接的設置一樣，Justinmind也還是沒有拿出更好的解決辦法申钩。設置中Justinmind沿用了Axure的模式次绘，只是在選擇的過程中采用了下拉菜單。雖然在選擇目標時使用了可視化的窗口撒遣，但并沒有從根本上解決操作繁瑣的問題邮偎。
反觀兩個年輕人，Mockplus和Proto.io在組件交互設置的模式上使用了更加簡單快捷的拖拽愉舔，也就是在各種工具中流行的Drag-and-Drop钢猛。只是簡單的對鏈接點的拖動就可以實現(xiàn)組件之間的交互。Mockplus的命令選擇相對更加直接轩缤，Proto.io的交互命令可能還需要在進一步的進行調(diào)整命迈。這種在交互設置上的拖拽模式和高度的可視化，使得操作中目標更加明確火的，動作更加清晰壶愤，Proto.io的組件大綱的功能也使得組件之間的關系更加有條理。Mockplus也在計劃推出相應的功能馏鹤，這里我們一起期待一下吧征椒。
組件交互狀態(tài)設置：Mockplus只需三秒。
作為一款新興的原型設計工具湃累，Mockplus不斷強調(diào)自己快速和敏捷勃救。在大部分原型設計工具軟件沒有為組件的交互狀態(tài)單獨設置功能選項的時候，Mockplus已經(jīng)有了相對完善的組件交互狀態(tài)設置的體系治力。主要的操作體現(xiàn)在屬性面板中蒙秒，這個閃電一樣的標志就是交互狀態(tài)設置的按鈕，在彈出的面板中宵统，可以設置鼠標經(jīng)過和鼠標落下兩種狀態(tài)晕讲。而并不是像Axure、Justinmind或者Proto.io那樣把交互狀態(tài)作為一種組件之間的交互來設置马澈。這個功能看似簡單瓢省，但是它從這一個方向推動著原型設計向著更簡單、更快速靠攏痊班。像這樣改變顏色的交互狀態(tài)設置勤婚，三秒足夠了！
我們不可否認涤伐，Axure和Justinmind在功能的全面性上確實占有優(yōu)勢蛔六，但是我們也一樣能夠像Mockplus這種新興的力量的崛起荆永。隨著行業(yè)發(fā)展，大家對原型設計工具需求和要求不斷提高国章，希望這樣的新力量會帶給我們更多的驚喜具钥。
