原型設(shè)計(jì)是軟件設(shè)計(jì)開發(fā)過程中必不可少的一部分，但是現(xiàn)在我們能夠看到的原型設(shè)計(jì)工具種類多到讓人眼花繚亂。如果你只是選擇了其中的一款工具，并且覺得原型設(shè)計(jì)工具只需要一個(gè)，對(duì)于整個(gè)設(shè)計(jì)開發(fā)過程就足夠了，那你就大錯(cuò)特錯(cuò)了。事實(shí)上，這些原型設(shè)計(jì)工具連接起來，才是一個(gè)完整的設(shè)計(jì)流程。

草圖/線框圖階段：紙筆、白板、Balsamiq、Mockplus

無論是美術(shù)設(shè)計(jì)還是用戶體驗(yàn)設(shè)計(jì)，或者是用戶界面設(shè)計(jì)，首先要做的事情就是畫草圖、打草稿。當(dāng)我們天馬行空的進(jìn)行想象的時(shí)候，記錄的工作交給它們就好了。紙筆和白板不用多說，千百年來老祖宗留下的好東西為我們解決了太多的記錄問題。Balsamiq、Mockplus以及其他的可以產(chǎn)生線框圖的工具是新世紀(jì)科技帶給設(shè)計(jì)師們的福音。Balsamiq作為一款靜態(tài)的線框圖工具憑借素描的風(fēng)格收復(fù)了不少用戶。雖然近幾年版本之間的改動(dòng)并不是很大，但仍然有著堅(jiān)實(shí)的用戶基礎(chǔ)。Mockplus作為行業(yè)新秀，不僅傳承了素描風(fēng)格，同時(shí)加入了寫實(shí)的線框圖，滿足更多人的需求。

交互設(shè)計(jì)階段：Axure、Justinmind、Mockplus、UXPin

線框圖的設(shè)計(jì)告一段落，下一步就是為它們添加交互動(dòng)作。交互，作為程序運(yùn)行中影響用戶體驗(yàn)的關(guān)鍵因素，一點(diǎn)也馬虎不得。產(chǎn)業(yè)初期并沒有專業(yè)設(shè)計(jì)師的時(shí)候，很多程序員同事?lián)?dāng)起了原型設(shè)計(jì)的重任，也正是因?yàn)槿绱?，Axure和FramerJS之類的在原型設(shè)計(jì)領(lǐng)域大行其道。然而，如今的產(chǎn)品迭代速度之快使得在原型設(shè)計(jì)過程中根本沒有時(shí)間去寫代碼，敏捷開發(fā)已經(jīng)呼嘯而來。而且隨著專業(yè)設(shè)計(jì)師人數(shù)的逐年增加，工具的選擇也變得多種多樣。比較年輕的、更加輕快的交互設(shè)計(jì)工具享受了更多的禮遇。Mockplus和UXPin就是比較具有代表性的兩款敏捷型交互設(shè)計(jì)工具。

Mockplus不只是簡單的線框圖工具，它通過一種拖拽的操作方式和高度的可視化，把原型設(shè)計(jì)的復(fù)雜程度降到了最低。其中提供的三種交互創(chuàng)建方式和八種測(cè)試預(yù)覽方式確實(shí)讓人眼前一亮。而UXPin在做好交互設(shè)計(jì)的同時(shí)，其團(tuán)隊(duì)成員分享了大量的關(guān)于設(shè)計(jì)思維和設(shè)計(jì)趨勢(shì)的書籍，可謂是開卷有益。

界面演示階段：InVision、Flinto、Principle、Chainco

界面演示類工具有一個(gè)普遍的共性，那就是它們自身是沒有辦法產(chǎn)生組件的。這些工具的組件和頁面來自其它圖像類工具的導(dǎo)出文件，InVision就是一個(gè)很好的代表。InVision并沒有像Flinto或者Principle那樣，與某一款固定的圖像處理工具進(jìn)行捆綁，而是可以上傳和導(dǎo)入各種類型的圖片以及設(shè)計(jì)文件。其操作內(nèi)容主要以熱區(qū)的設(shè)置和頁面的跳轉(zhuǎn)。Flinto和Principle則更側(cè)重于頁面狀態(tài)的切換。

一個(gè)程序的各個(gè)設(shè)計(jì)階段并不是單一的原型設(shè)計(jì)工具就可以完全覆蓋的。根據(jù)自己的職責(zé)來選擇合適的工具，這才是上上之策。