最近看到網(wǎng)上很多的文章在推薦一些與UI/UX設(shè)計(jì)相關(guān)的書籍和網(wǎng)站，熊先生想了想，決定寫一篇推薦原型設(shè)計(jì)工具的文章，和大家一起分享一下。這一次我收集了10款工具，根據(jù)特點(diǎn)的不同，主要分為以下三類：簡(jiǎn)單快速、靈活輕快、功能全面。
第一類特點(diǎn)：簡(jiǎn)單快速。
代表工具：Chainco、InVision、Flinto Lite。
操作難度：低。
就像Chainco的標(biāo)語一樣，這一類工具是UI設(shè)計(jì)師的交互演示利器。三款工具都是在網(wǎng)頁端進(jìn)行設(shè)計(jì)，雖然風(fēng)格略有不同，但實(shí)質(zhì)上是大同小異。交互的設(shè)置上多以創(chuàng)建熱區(qū)為基礎(chǔ)，點(diǎn)擊熱區(qū)跳轉(zhuǎn)頁面為主要功能，幾乎不需要任何學(xué)習(xí)成本，也沒有什么操作難度。國(guó)內(nèi)用戶可能對(duì)Chainco更熟悉一點(diǎn)，但Chainco還沒有國(guó)外的版本，而且由于具有協(xié)作功能等原因，InVision顯現(xiàn)出更加優(yōu)秀的一面，也贏得了更多國(guó)外用戶的青睞。
使用這一類的工具有一點(diǎn)明顯的好處，就是可以把UI設(shè)計(jì)師做好的圖片直接導(dǎo)入當(dāng)做界面，比如InVision和Flinto Lite，它們可以直接導(dǎo)入PS或AI的設(shè)計(jì)文件。然而，它們是，也只能是UI設(shè)計(jì)師的交互演示利器，因?yàn)檫@三款工具并不支持設(shè)置組件以及組件交互。
第二類特點(diǎn)：靈活輕快。
代表工具：Mockplus、Proto.io 6、UXPin、Flinto for Mac。
操作難度：適中。
在第二類的四款工具都是進(jìn)行交互設(shè)計(jì)的好幫手，它們的共同特點(diǎn)就是設(shè)計(jì)上相對(duì)的輕便快捷。比如Flinto for Mac，只需要根據(jù)層級(jí)移動(dòng)組件位置，就可以創(chuàng)造出對(duì)應(yīng)的交互效果。同時(shí)，這些工具雖然看上去操作方式并不是完全一致，但它們都不約而同的采用了拖拽鏈接點(diǎn)來作為基本的操作方式。這種操作中的高度可視化，使得設(shè)計(jì)的過程變得十分簡(jiǎn)單有效。
Mockplus可以說是在這四款工具中比較具有代表性的，相對(duì)于Proto.io 6這種由小組件組成容器，再由容器組合為其他組件的設(shè)計(jì)模式，Mockplus則是更多的直接提供高度封裝組件。作為一個(gè)“懶人”，熊先生對(duì)這種化繁為簡(jiǎn)的方式甚是喜愛。而且依靠著這種簡(jiǎn)單的操作方式和程序本身自帶的超過2000枚的矢量圖標(biāo)，你甚至可以在完全沒有網(wǎng)絡(luò)的情況下仍然出色地完成原型設(shè)計(jì)。導(dǎo)出的演示包、HTML的離線包也會(huì)讓預(yù)覽變得不受網(wǎng)絡(luò)的限制。
這一類工具的學(xué)習(xí)成本和操作難度相對(duì)于第一類確實(shí)是要高一些的，但是如果和下面的第三類比較，那你就會(huì)發(fā)現(xiàn)，第二類工具的學(xué)習(xí)成本，還真的是低得很啊。
第三類特點(diǎn)：功能全面。
代表工具：Axure RP、Justinmind、Framer JS。
操作難度：高。
原型設(shè)計(jì)想做到功能全面，那就難免會(huì)和代碼掛上鉤。這一類中，Axure應(yīng)該是大家更為熟悉的一個(gè)。也可以說，Axure是原型設(shè)計(jì)工具中在設(shè)計(jì)難度和可用性上平衡把握的比較好的一個(gè)了。但是，即便如此，它的變量、判斷等等功能還是難倒了許多交互設(shè)計(jì)師。
如果說Axure是在尋求平衡，那么Framer JS則是在詮釋著到底什么才是用代碼“寫”原型。這才是這一類中真正以代碼為基礎(chǔ)的原型設(shè)計(jì)工具，只要能夠?qū)懗鱿鄳?yīng)的代碼，它就可以把你的想法通通變成現(xiàn)實(shí)。
這一類工具功能雖然相對(duì)全面，但是學(xué)習(xí)成本被大幅提升，尤其是Framer JS，功能強(qiáng)大到使其他工具望塵莫及，但其學(xué)習(xí)成本也可以說是“十年磨一劍”。所以，想要熟練運(yùn)用這一類工具，最好還是先掌握了足夠的知識(shí)，再來嘗試。
以上就是熊先生最近探索總結(jié)出的十款原型設(shè)計(jì)工具的推薦。每個(gè)人對(duì)原型設(shè)計(jì)的理解不同，對(duì)各類知識(shí)的掌握程度也不一樣，還是希望大家能夠根據(jù)自身的具體情況，多加琢磨，相信這十款工具中一定有一款是適合你的！
