最近看到網(wǎng)上很多的文章在推薦一些與UI/UX設(shè)計相關(guān)的書籍和網(wǎng)站同廉，熊先生想了想，決定寫一篇推薦原型設(shè)計工具的文章汪榔，和大家一起分享一下眼坏。這一次我收集了10款工具，根據(jù)特點的不同溃卡，主要分為以下三類：簡單快速、靈活輕快、功能全面参滴。
第一類特點：簡單快速。
代表工具：Chainco锻弓、InVision砾赔、Flinto Lite。
操作難度：低青灼。
就像Chainco的標(biāo)語一樣暴心，這一類工具是UI設(shè)計師的交互演示利器。三款工具都是在網(wǎng)頁端進(jìn)行設(shè)計杂拨，雖然風(fēng)格略有不同专普，但實質(zhì)上是大同小異。交互的設(shè)置上多以創(chuàng)建熱區(qū)為基礎(chǔ)弹沽，點擊熱區(qū)跳轉(zhuǎn)頁面為主要功能檀夹，幾乎不需要任何學(xué)習(xí)成本，也沒有什么操作難度贷币。國內(nèi)用戶可能對Chainco更熟悉一點击胜，但Chainco還沒有國外的版本，而且由于具有協(xié)作功能等原因役纹，InVision顯現(xiàn)出更加優(yōu)秀的一面偶摔，也贏得了更多國外用戶的青睞。
使用這一類的工具有一點明顯的好處促脉，就是可以把UI設(shè)計師做好的圖片直接導(dǎo)入當(dāng)做界面辰斋，比如InVision和Flinto Lite策州，它們可以直接導(dǎo)入PS或AI的設(shè)計文件。然而宫仗，它們是够挂，也只能是UI設(shè)計師的交互演示利器，因為這三款工具并不支持設(shè)置組件以及組件交互藕夫。
第二類特點：靈活輕快孽糖。
代表工具：Mockplus、Proto.io 6毅贮、UXPin办悟、Flinto for Mac。
操作難度：適中滩褥。
在第二類的四款工具都是進(jìn)行交互設(shè)計的好幫手病蛉，它們的共同特點就是設(shè)計上相對的輕便快捷。比如Flinto for Mac瑰煎，只需要根據(jù)層級移動組件位置铺然，就可以創(chuàng)造出對應(yīng)的交互效果。同時酒甸，這些工具雖然看上去操作方式并不是完全一致魄健，但它們都不約而同的采用了拖拽鏈接點來作為基本的操作方式。這種操作中的高度可視化烘挫，使得設(shè)計的過程變得十分簡單有效诀艰。
Mockplus可以說是在這四款工具中比較具有代表性的柬甥，相對于Proto.io 6這種由小組件組成容器饮六，再由容器組合為其他組件的設(shè)計模式，Mockplus則是更多的直接提供高度封裝組件苛蒲。作為一個“懶人”卤橄，熊先生對這種化繁為簡的方式甚是喜愛。而且依靠著這種簡單的操作方式和程序本身自帶的超過2000枚的矢量圖標(biāo)臂外，你甚至可以在完全沒有網(wǎng)絡(luò)的情況下仍然出色地完成原型設(shè)計窟扑。導(dǎo)出的演示包、HTML的離線包也會讓預(yù)覽變得不受網(wǎng)絡(luò)的限制漏健。
這一類工具的學(xué)習(xí)成本和操作難度相對于第一類確實是要高一些的嚎货，但是如果和下面的第三類比較，那你就會發(fā)現(xiàn)蔫浆，第二類工具的學(xué)習(xí)成本殖属，還真的是低得很啊。
第三類特點：功能全面瓦盛。
代表工具：Axure RP洗显、Justinmind外潜、Framer JS。
操作難度：高挠唆。
原型設(shè)計想做到功能全面处窥，那就難免會和代碼掛上鉤。這一類中玄组，Axure應(yīng)該是大家更為熟悉的一個滔驾。也可以說，Axure是原型設(shè)計工具中在設(shè)計難度和可用性上平衡把握的比較好的一個了俄讹。但是嵌灰，即便如此，它的變量颅悉、判斷等等功能還是難倒了許多交互設(shè)計師沽瞭。
如果說Axure是在尋求平衡，那么Framer JS則是在詮釋著到底什么才是用代碼“寫”原型剩瓶。這才是這一類中真正以代碼為基礎(chǔ)的原型設(shè)計工具驹溃，只要能夠?qū)懗鱿鄳?yīng)的代碼，它就可以把你的想法通通變成現(xiàn)實延曙。
這一類工具功能雖然相對全面豌鹤，但是學(xué)習(xí)成本被大幅提升，尤其是Framer JS枝缔，功能強(qiáng)大到使其他工具望塵莫及布疙，但其學(xué)習(xí)成本也可以說是“十年磨一劍”。所以愿卸，想要熟練運(yùn)用這一類工具灵临，最好還是先掌握了足夠的知識，再來嘗試趴荸。
以上就是熊先生最近探索總結(jié)出的十款原型設(shè)計工具的推薦儒溉。每個人對原型設(shè)計的理解不同，對各類知識的掌握程度也不一樣发钝，還是希望大家能夠根據(jù)自身的具體情況顿涣，多加琢磨，相信這十款工具中一定有一款是適合你的酝豪！
