原型設(shè)計(jì)是軟件設(shè)計(jì)開發(fā)過程中必不可少的一部分甘畅，但是現(xiàn)在我們能夠看到的原型設(shè)計(jì)工具種類多到讓人眼花繚亂埂蕊。如果你只是選擇了其中的一款工具，并且覺得原型設(shè)計(jì)工具只需要一個(gè)疏唾，對于整個(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)槿绱苏唬珹xure和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)建方式和八種測試預(yù)覽方式確實(shí)讓人眼前一亮嫡秕。而UXPin在做好交互設(shè)計(jì)的同時(shí)渴语，其團(tuán)隊(duì)成員分享了大量的關(guān)于設(shè)計(jì)思維和設(shè)計(jì)趨勢的書籍，可謂是開卷有益昆咽。
界面演示階段：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é)來選擇合適的工具，這才是上上之策羡洁。
