建站
咨詢
售后
建站咨詢
新聞中心
本文列舉了20余款當(dāng)前國內(nèi)外比較火爆的原型設(shè)計工具。我把它們分為以下五類：
這一類工具主要是建立頁面之間的交互。其本身不能進行組件的制作和設(shè)計，需要從其它地方（例如：PS，本地）導(dǎo)入設(shè)計圖，對已有的設(shè)計圖創(chuàng)建熱點，進行交互設(shè)計。
Invision - 一款很好的制作原型交互演示的工具。你可以從本地、Dropbox、Google Drive和Box上傳圖片。使用拖拽快速創(chuàng)建熱點。它的分享、協(xié)作、評論功能也很方便。
Chianco- 一款輕量級的交互原型設(shè)計工具。拖一拖鼠標(biāo)， 快速創(chuàng)建交互；內(nèi)置多種轉(zhuǎn)場和觸發(fā)效果，點一點就可以使用；掃一掃，直接在手機上預(yù)覽效果，也可以導(dǎo)出HTML，分享給同事。
Marvel - 一款簡單易用的原型工具。只需幾次簡單的點擊，就能將靜態(tài)的設(shè)計圖鏈接起來，變成可點擊的原型圖。
Flintofor Mac - 一款Mac端的交互原型設(shè)計工具。支持一鍵將 Sketch設(shè)計稿導(dǎo)入， 添加熱點配合相應(yīng)的交互動作生成原型通過網(wǎng)頁或者手機端展示給客戶觀看。
Atomic - 可以用來快速設(shè)計交互和動畫的原型工具，無論是手機原型還是桌面端原型，都是不錯的選擇。
手機原型工具這類工具內(nèi)置了制作手機原型的組件，可以創(chuàng)建和編輯組件。設(shè)計時，可以選擇不同的手機模型。在手機預(yù)覽很方便。
Proto.io - 用Proto.io做手機原型是一個比較好的選擇。有默認手機的組件庫，拖出來進行簡單的屬性設(shè)置就可以用了。也支持交互設(shè)計，支持的觸發(fā)和動作比較豐富。
Mockplus - Mockplus提供了大量的手機組件和圖標(biāo)，能夠快速上手進行設(shè)計。設(shè)計前可以選擇不同尺寸的手機模型，可以通過多種方式在手機上進行預(yù)覽：發(fā)布項目，然后在手機瀏覽器中查看、手機端輸入原型碼、掃描二維碼。設(shè)計手機原型十分快捷。
Fluid - Fluid 是一款在線原型設(shè)計工具，比較適合移動App原型的制作，包括iOS，Android以及穿戴設(shè)備。
Pixate - 用Pixate可以實現(xiàn)復(fù)雜的交互和動畫，它也只能用于手機端原型的制作。
Justinmind - 可以自制高保真手機原型。支持復(fù)雜的交互、動畫和手勢。同時也是需要投入較高學(xué)習(xí)成本的工具。
網(wǎng)頁原型工具這類工具比較適合網(wǎng)頁原型的制作。
Axure - 功能全面的原型設(shè)計工具，可以實現(xiàn)復(fù)雜的交互，需要投入較多的學(xué)習(xí)時間。
Webflow - 一款可以生成代碼的原型設(shè)計工具，適合網(wǎng)頁原型的制作，中等學(xué)校難度。
Webydo - 可以自制高保真網(wǎng)頁原型的工具，不過學(xué)習(xí)難度也很高。
Indigo Studio - 這款工具即可以讓你導(dǎo)入設(shè)計圖進行交互設(shè)計，也提供了組件設(shè)計的功能。
Protoshare - 中等學(xué)習(xí)難度的在線原型設(shè)計工具，可用于設(shè)計具有交互效果的網(wǎng)頁原型。
靜態(tài)原型這些工具整體來說操作比較簡單，功能也比較簡單，只能用于設(shè)計靜態(tài)原型。
Fluid - Fluid是一款簡單的在線原型設(shè)計工具，不能設(shè)計交互，可用于靜態(tài)原型的設(shè)計。
Balsamiq Mockups - 手繪風(fēng)格的原型設(shè)計軟件，操作簡單，初學(xué)者可以嘗試用來設(shè)計靜態(tài)網(wǎng)頁原型。
Mockflow - 一款比較簡單的靜態(tài)原型制作工具。
動態(tài)原型工具（組件和頁面交互）這些工具功能比較全面，可以實現(xiàn)或簡單或復(fù)雜的交互。學(xué)習(xí)難易程度也因工具而不同。
Axure - 老牌原型工具，能夠?qū)崿F(xiàn)復(fù)雜的交互。
Mockplus - 新興的原型設(shè)計工具，Mockplus封裝了常用的交互組件，實現(xiàn)了交互的可視化。無論是頁面交互還是組件的交互都可以通過拖拽的方式完成。
UXPin - UXpin是一款在線原型設(shè)計工具，可用于制作網(wǎng)頁和手機原型。自帶了組件庫，拖出來就可以進行基本的編輯，可實現(xiàn)簡單的交互效果。
Proto.io - 一款在線原型設(shè)計工具，支持組件的交互。
Framer - Framer是一款基于代碼的原型設(shè)計工具。如果你懂編程，那么Framer可以幫你實現(xiàn)復(fù)雜的動畫和交互。
HotGloo - 在線原型設(shè)計工具，能夠?qū)崿F(xiàn)常用的交互設(shè)計。
Origami - Facebook旗下的一款原型設(shè)計工具，可以實現(xiàn)復(fù)雜的交互和動畫。
Principle - 一款只能用于Mac上的交互設(shè)計軟件。
Justinmind - 可以自制高保真手機原型。支持復(fù)雜的交互、動畫和手勢。
這么多原型設(shè)計工具， 總有一款是你的菜。如有遺漏，歡迎補充。
文章名稱：干貨！所有常用的原型設(shè)計工具都在這里了
網(wǎng)頁地址：http://fisionsoft.com.cn/article/cpgpho.html
