本文列舉了20余款當(dāng)前國內(nèi)外比較火爆的原型設(shè)計(jì)工具。我把它們分為以下五類：

十多年的大渡口網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。全網(wǎng)整合營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整大渡口建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)建站從事“大渡口網(wǎng)站設(shè)計(jì)”,“大渡口網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。交互原型設(shè)計(jì)工具（僅限頁面交互）手機(jī)原型工具網(wǎng)頁原型工具靜態(tài)原型工具動(dòng)態(tài)原型工具（組件和頁面交互）交互原型設(shè)計(jì)工具（僅限頁面交互）

這一類工具主要是建立頁面之間的交互。其本身不能進(jìn)行組件的制作和設(shè)計(jì)，需要從其它地方（例如：PS，本地）導(dǎo)入設(shè)計(jì)圖，對(duì)已有的設(shè)計(jì)圖創(chuàng)建熱點(diǎn)，進(jìn)行交互設(shè)計(jì)。

Invision - 一款很好的制作原型交互演示的工具。你可以從本地、Dropbox、Google Drive和Box上傳圖片。使用拖拽快速創(chuàng)建熱點(diǎn)。它的分享、協(xié)作、評(píng)論功能也很方便。

Chianco- 一款輕量級(jí)的交互原型設(shè)計(jì)工具。拖一拖鼠標(biāo)， 快速創(chuàng)建交互；內(nèi)置多種轉(zhuǎn)場和觸發(fā)效果，點(diǎn)一點(diǎn)就可以使用；掃一掃，直接在手機(jī)上預(yù)覽效果，也可以導(dǎo)出HTML，分享給同事。

Marvel - 一款簡單易用的原型工具。只需幾次簡單的點(diǎn)擊，就能將靜態(tài)的設(shè)計(jì)圖鏈接起來，變成可點(diǎn)擊的原型圖。

Flintofor Mac - 一款Mac端的交互原型設(shè)計(jì)工具。支持一鍵將 Sketch設(shè)計(jì)稿導(dǎo)入， 添加熱點(diǎn)配合相應(yīng)的交互動(dòng)作生成原型通過網(wǎng)頁或者手機(jī)端展示給客戶觀看。

Atomic - 可以用來快速設(shè)計(jì)交互和動(dòng)畫的原型工具，無論是手機(jī)原型還是桌面端原型，都是不錯(cuò)的選擇。

手機(jī)原型工具

這類工具內(nèi)置了制作手機(jī)原型的組件，可以創(chuàng)建和編輯組件。設(shè)計(jì)時(shí)，可以選擇不同的手機(jī)模型。在手機(jī)預(yù)覽很方便。

Proto.io - 用Proto.io做手機(jī)原型是一個(gè)比較好的選擇。有默認(rèn)手機(jī)的組件庫，拖出來進(jìn)行簡單的屬性設(shè)置就可以用了。也支持交互設(shè)計(jì)，支持的觸發(fā)和動(dòng)作比較豐富。

Mockplus - Mockplus提供了大量的手機(jī)組件和圖標(biāo)，能夠快速上手進(jìn)行設(shè)計(jì)。設(shè)計(jì)前可以選擇不同尺寸的手機(jī)模型，可以通過多種方式在手機(jī)上進(jìn)行預(yù)覽：發(fā)布項(xiàng)目，然后在手機(jī)瀏覽器中查看、手機(jī)端輸入原型碼、掃描二維碼。設(shè)計(jì)手機(jī)原型十分快捷。

Fluid - Fluid 是一款在線原型設(shè)計(jì)工具，比較適合移動(dòng)App原型的制作，包括iOS，Android以及穿戴設(shè)備。

Pixate - 用Pixate可以實(shí)現(xiàn)復(fù)雜的交互和動(dòng)畫，它也只能用于手機(jī)端原型的制作。

Justinmind - 可以自制高保真手機(jī)原型。支持復(fù)雜的交互、動(dòng)畫和手勢。同時(shí)也是需要投入較高學(xué)習(xí)成本的工具。

網(wǎng)頁原型工具

這類工具比較適合網(wǎng)頁原型的制作。

Axure - 功能全面的原型設(shè)計(jì)工具，可以實(shí)現(xiàn)復(fù)雜的交互，需要投入較多的學(xué)習(xí)時(shí)間。

Webflow - 一款可以生成代碼的原型設(shè)計(jì)工具，適合網(wǎng)頁原型的制作，中等學(xué)校難度。

Webydo - 可以自制高保真網(wǎng)頁原型的工具，不過學(xué)習(xí)難度也很高。

Indigo Studio - 這款工具即可以讓你導(dǎo)入設(shè)計(jì)圖進(jìn)行交互設(shè)計(jì)，也提供了組件設(shè)計(jì)的功能。

Protoshare - 中等學(xué)習(xí)難度的在線原型設(shè)計(jì)工具，可用于設(shè)計(jì)具有交互效果的網(wǎng)頁原型。

靜態(tài)原型

這些工具整體來說操作比較簡單，功能也比較簡單，只能用于設(shè)計(jì)靜態(tài)原型。

Fluid - Fluid是一款簡單的在線原型設(shè)計(jì)工具，不能設(shè)計(jì)交互，可用于靜態(tài)原型的設(shè)計(jì)。

Balsamiq Mockups - 手繪風(fēng)格的原型設(shè)計(jì)軟件，操作簡單，初學(xué)者可以嘗試用來設(shè)計(jì)靜態(tài)網(wǎng)頁原型。

Mockflow - 一款比較簡單的靜態(tài)原型制作工具。

動(dòng)態(tài)原型工具（組件和頁面交互）

這些工具功能比較全面，可以實(shí)現(xiàn)或簡單或復(fù)雜的交互。學(xué)習(xí)難易程度也因工具而不同。

Axure - 老牌原型工具，能夠?qū)崿F(xiàn)復(fù)雜的交互。

Mockplus - 新興的原型設(shè)計(jì)工具，Mockplus封裝了常用的交互組件，實(shí)現(xiàn)了交互的可視化。無論是頁面交互還是組件的交互都可以通過拖拽的方式完成。

UXPin - UXpin是一款在線原型設(shè)計(jì)工具，可用于制作網(wǎng)頁和手機(jī)原型。自帶了組件庫，拖出來就可以進(jìn)行基本的編輯，可實(shí)現(xiàn)簡單的交互效果。

Proto.io - 一款在線原型設(shè)計(jì)工具，支持組件的交互。

Framer - Framer是一款基于代碼的原型設(shè)計(jì)工具。如果你懂編程，那么Framer可以幫你實(shí)現(xiàn)復(fù)雜的動(dòng)畫和交互。

HotGloo - 在線原型設(shè)計(jì)工具，能夠?qū)崿F(xiàn)常用的交互設(shè)計(jì)。

Origami - Facebook旗下的一款原型設(shè)計(jì)工具，可以實(shí)現(xiàn)復(fù)雜的交互和動(dòng)畫。

Principle - 一款只能用于Mac上的交互設(shè)計(jì)軟件。

Justinmind - 可以自制高保真手機(jī)原型。支持復(fù)雜的交互、動(dòng)畫和手勢。

這么多原型設(shè)計(jì)工具， 總有一款是你的菜。如有遺漏，歡迎補(bǔ)充。

名稱欄目：干貨！所有常用的原型設(shè)計(jì)工具都在這里了
本文網(wǎng)址：http://www.rwnh.cn/article40/cpgpho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、品牌網(wǎng)站設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)、微信小程序、網(wǎng)站內(nèi)鏈、服務(wù)器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)