一、Axure

Axure RP是美國(guó)Axure Software Solution公司旗艦產(chǎn)品，是一個(gè)專業(yè)的快速原型設(shè)計(jì)工具，讓負(fù)責(zé)定義需求和規(guī)格、設(shè)計(jì)功能和界面的專家能夠快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖、流程圖、原型和規(guī)格說(shuō)明文檔。作為專門的原型設(shè)計(jì)工具，它比一般創(chuàng)建靜態(tài)原型的工具如Visio、Omnigraffle、Illustrator、Photoshop、Dreamweaver、Visual Studio、FireWorks要快速、高效。

老牌原型設(shè)計(jì)工具，交互制作功能強(qiáng)大，當(dāng)然同時(shí)也帶來(lái)了較高的學(xué)習(xí)成本。設(shè)計(jì)區(qū)域是無(wú)限畫(huà)布，方便給設(shè)計(jì)稿添加文字注解。在交互效果層面，可以實(shí)現(xiàn)非常多條件判斷、巧妙運(yùn)用可以實(shí)現(xiàn)更復(fù)雜的交互。不過(guò)同時(shí)也會(huì)帶來(lái)“效率不高”的問(wèn)題，因?yàn)榧?xì)節(jié)過(guò)于繁瑣，所以會(huì)加重產(chǎn)品經(jīng)理或交互設(shè)計(jì)師在畫(huà)原型時(shí)的負(fù)擔(dān)

Axure RP的用戶群體非常寬泛,包括商業(yè)分析師、信息架構(gòu)師、可用性專家、產(chǎn)品經(jīng)理、IT咨詢師、用戶體驗(yàn)設(shè)計(jì)師、交互設(shè)計(jì)師、界面設(shè)計(jì)師、架構(gòu)師、程序開(kāi)發(fā)工程師等相關(guān)從業(yè)者。

二、Invision

作為目前國(guó)外非常知名的一款在線原型設(shè)計(jì)協(xié)作工具，Invision 的發(fā)展勢(shì)頭很強(qiáng)。雖然最一開(kāi)始Invision 主要是做設(shè)計(jì)稿之后的交互原型和團(tuán)隊(duì)協(xié)作管理，比如可以順暢銜接Sketch/PS設(shè)計(jì)稿，為設(shè)計(jì)稿做批注，以及Freehand功能可以實(shí)現(xiàn)團(tuán)隊(duì)自由討論想法。

但后來(lái)發(fā)布的 Invison studio 具備從基礎(chǔ)開(kāi)始的設(shè)計(jì)功能，可以完成相當(dāng)精細(xì)的設(shè)計(jì)稿，較為強(qiáng)大的交互動(dòng)效功能也可以滿足大多數(shù)設(shè)計(jì)者的動(dòng)效需求。利用 InVision Studio，還可以將團(tuán)隊(duì)的設(shè)計(jì)規(guī)范落地在設(shè)計(jì)工作中。

不過(guò)對(duì)于國(guó)內(nèi)用戶來(lái)說(shuō)，Invision 始終還有些不便利：比如全英文的界面；國(guó)內(nèi)訪問(wèn)速度一般；以及價(jià)格較貴。

三、Proto .io

Proto .io 也是國(guó)外一款輕便好用的在線原型設(shè)計(jì)工具，在大多數(shù)瀏覽器中都能使用，支持導(dǎo)入Sketch和PS設(shè)計(jì)稿做交互。界面清爽，擁有較為豐富的UI組件。可以直接用鏈接分享原型，而且因?yàn)榧闪艘苿?dòng)錄屏工具lookback，適用于用戶測(cè)試場(chǎng)景：可以記錄用戶點(diǎn)擊、滑動(dòng)、點(diǎn)擊區(qū)域；也可以記錄用戶的聲音和facecam視頻評(píng)論。

目前Proto .io 有協(xié)作功能，只是比較受限；此外，交互設(shè)計(jì)較為復(fù)雜，細(xì)節(jié)效果只能通過(guò)容器實(shí)現(xiàn)，上手成本較高。價(jià)格相對(duì)Invision較便宜，但相對(duì)國(guó)內(nèi)產(chǎn)品來(lái)說(shuō)仍然較高。

四、藍(lán)湖

藍(lán)湖也是國(guó)產(chǎn)的一款原型協(xié)作平臺(tái)，在其官網(wǎng)上，藍(lán)湖將自身定位為“簡(jiǎn)單好用的團(tuán)隊(duì)工作臺(tái)”。

使用藍(lán)湖可以導(dǎo)入Sketch/Photoshop和Adobe XD的設(shè)計(jì)稿（通過(guò)插件），并在藍(lán)湖上做自動(dòng)標(biāo)注和交互原型。對(duì)于設(shè)計(jì)師來(lái)說(shuō)，可在藍(lán)湖進(jìn)行設(shè)計(jì)圖管理和自動(dòng)標(biāo)注。對(duì)于產(chǎn)品經(jīng)理來(lái)說(shuō)，可以在藍(lán)湖做頁(yè)面邏輯流程圖和匯集產(chǎn)品文檔。

不過(guò)藍(lán)湖本身沒(méi)有設(shè)計(jì)功能，必須依托于在Sketch/Photoshop/Adobe XD平臺(tái)的設(shè)計(jì)。而交互效果的創(chuàng)建方式也相對(duì)較為隱晦，是目前體會(huì)到的稍微不足之處。

五、Fluid UI

一款用于移動(dòng)開(kāi)發(fā)的原型設(shè)計(jì)工具，它能夠幫助設(shè)計(jì)師快速高效地完成產(chǎn)品原型圖的設(shè)計(jì)。畢竟現(xiàn)在的移動(dòng)開(kāi)發(fā)越來(lái)越趨于小規(guī)模團(tuán)隊(duì)協(xié)作，設(shè)計(jì)師需要在快速迭代過(guò)程中迅速制作出原型圖，他們需要一款直觀易用的工具來(lái)工作，從而和最終的產(chǎn)品相適應(yīng)。Fluid UI主要幫助設(shè)計(jì)師畫(huà)出線框圖，它甚至能夠影響到后期的界面設(shè)計(jì)、產(chǎn)品功能設(shè)置以及上線前測(cè)試。同時(shí)，F(xiàn)luid UI對(duì)于UX流程設(shè)計(jì)有很大幫助，能夠?qū)⒉煌慕缑媛?lián)立起來(lái)，以便于看到產(chǎn)品不同界面之間的關(guān)系。

1、Fluid UI無(wú)設(shè)備限制，無(wú)平臺(tái)限制（Windows、Mac以及Linux系統(tǒng)），支持Chrome和Safari瀏覽器（Chrome瀏覽器上的app也可離線使用）。用戶還可以使用Fluid Player來(lái)預(yù)覽自己的設(shè)計(jì)，收集意見(jiàn)和反饋。

2、使用方法及其簡(jiǎn)單，采取拖拽的操作方式，不需要程序員來(lái)寫(xiě)代碼，為用戶節(jié)省很多時(shí)間和費(fèi)用。

3、獨(dú)特的屏幕流功能，幫助設(shè)計(jì)者更好得與團(tuán)隊(duì)進(jìn)行交流。

4、Fluid UI資源庫(kù)非常豐富，有很多針對(duì)iOS、Android以及Windows 8的資源。如果用戶覺(jué)得庫(kù)存資源不能滿足自己的需求，用戶也可以自行添加。

六、GUI Design Studio(GDS)

GUI Design Studio是面向應(yīng)用軟件設(shè)計(jì)圖形用戶界面的專業(yè)工具，特別適合客戶端軟件設(shè)計(jì)。該軟件能夠快速將設(shè)計(jì)思路以可視化的方式來(lái)表現(xiàn)出來(lái)，并實(shí)現(xiàn)基本的交互，便于演示以及與客戶完成有效溝通交流。GUI Design Studio是不需要軟件開(kāi)發(fā)和編碼的完整的設(shè)計(jì)工具，它支持所有基于微軟Windows 平臺(tái)的軟件，提供的了大部分C/S、B/S組件的示意圖，可組合使用，是一款非常款適合界面原型設(shè)計(jì)者和界面原型開(kāi)發(fā)員的軟件，能夠滿足一般軟件界面模型設(shè)計(jì)需要。

七、Justinmind

JustinMind可以輸出Html頁(yè)面,與目前主流的交互原型設(shè)計(jì)工具相比更為專屬于設(shè)計(jì)移動(dòng)終端上app應(yīng)用。Justinmind Prototyper的收費(fèi)版本提供iPhone,android,ipad等交互組件,并有豐富的動(dòng)態(tài)效果,但免費(fèi)版就要簡(jiǎn)單一些。Justinmind Prototyper同時(shí)提供winxp,win7和mac os的版本。

1、JustinMind的可視化工作環(huán)境支持以鼠標(biāo)的方式創(chuàng)建帶有注釋的高保真原型;

2、提供多種觸屏的交互效果,例如滑動(dòng)、縮放、旋轉(zhuǎn),甚至捕捉設(shè)備方向等,在需要產(chǎn)生效果的部件中選擇對(duì)應(yīng)的手勢(shì)即可;

3、JustinMind為iPhone、iPad、黑莓、Android提供了多樣的組件,可以創(chuàng)建自定義組件庫(kù);

4、比Axure,JustinMind更好的提供了屬性窗口,并且更好的支持捕獲PS等軟件的圖像屬性;

5、可以通過(guò)拖拽等方式來(lái)實(shí)現(xiàn)跳轉(zhuǎn)、定向等交互效果,無(wú)需像Axure一樣每一步都只能通過(guò)點(diǎn)擊來(lái)完成。

八、iClap

iCLap，以產(chǎn)品自身為出發(fā)點(diǎn)，通過(guò)不同職位的準(zhǔn)數(shù)工具徹底串聯(lián)企業(yè)人員，再將工作產(chǎn)生的內(nèi)容進(jìn)行沉淀、處理、歸檔、共享，打造一個(gè)溝通與協(xié)作的閉環(huán)，以實(shí)現(xiàn)對(duì)產(chǎn)品，項(xiàng)目以及企業(yè)的規(guī)范化運(yùn)營(yíng)管理。顛覆了互聯(lián)網(wǎng)企業(yè)傳統(tǒng)協(xié)作方式，使得協(xié)同場(chǎng)景化，更智能、直觀、高效，私有部署數(shù)據(jù)文件更安全；改變了種子用戶與企業(yè)的互動(dòng)方式，核心用戶深度參與企業(yè)產(chǎn)品測(cè)試，增強(qiáng)用戶體驗(yàn)度和粘性；機(jī)制構(gòu)建完善，為企業(yè)提供人才培育、把控機(jī)制，基于DevStore平臺(tái)全面高質(zhì)量信息，智能分配信息，提高各職位人員職業(yè)技能與素養(yǎng)。

iClap的主要功能：

在線批注：APP運(yùn)行中直接將批注生成任務(wù)，處理任務(wù)時(shí)將場(chǎng)景還原，直觀高效。

語(yǔ)音任務(wù)：將語(yǔ)音精確轉(zhuǎn)換為任務(wù)，自動(dòng)識(shí)別任務(wù)緊急程度與對(duì)接人。

即點(diǎn)即用：多個(gè)APP項(xiàng)目同一客戶端管理，無(wú)需逐一下載。

簡(jiǎn)單發(fā)布：版本升級(jí)只需后臺(tái)上傳一次數(shù)據(jù)，客戶端自動(dòng)更新。

Bug跟蹤：自動(dòng)檢測(cè)APP漏洞并生成報(bào)告，讓bug無(wú)可遁形。

插件管理：多元化模塊插件管理，滿足企業(yè)多方面需求。

會(huì)議紀(jì)要：項(xiàng)目組進(jìn)行實(shí)時(shí)、群組溝通，自動(dòng)生成會(huì)議紀(jì)要。

人才培養(yǎng)：以DevStore為平臺(tái)提供技能培養(yǎng)，智能匹配發(fā)送給各崗位人員，有效提高人員綜合素質(zhì)。

九、Balsamiq Mockups

Balsamiq Mockups是一個(gè)很簡(jiǎn)單的小軟件，功能不多。但是，在控件方面，它可是下足了功夫，不但內(nèi)置了所有常用的控件，而且每個(gè)控件的屬性都經(jīng)過(guò)精心的設(shè)計(jì)，既不復(fù)雜，又涵蓋了必要的功能，出來(lái)的效果也很精致。內(nèi)置的圖標(biāo)庫(kù)也很不錯(cuò)。不需要到處搜集第三方控件庫(kù)，不需要安裝插件，絕對(duì)省心。當(dāng)然，從另外的角度，這也是個(gè)缺點(diǎn)——當(dāng)它的控件庫(kù)不能滿足我們的需要時(shí)，又不能自己定制，就只能干瞪眼了。

喜歡它的理由是：

– 快——它能讓我以最快的速度把界面原型畫(huà)出來(lái)。

– 手繪風(fēng)格——用它畫(huà)出來(lái)的界面是不折不扣手繪風(fēng)格，很酷。

– 都是現(xiàn)成的——它已經(jīng)內(nèi)置了常用的控件和圖標(biāo)，基本夠用了。

十、墨刀

毫無(wú)疑問(wèn)，墨刀對(duì)于APP的原型設(shè)計(jì)真的是體驗(yàn)非常好，怎么說(shuō)呢？就像有一個(gè)無(wú)形的人在幫助你，和你一起打造你的原型APP。（當(dāng)然以后也適用微信小程序的設(shè)計(jì)），其控件的拖拉、大小的調(diào)整，都會(huì)自然的去匹配相應(yīng)的母版大小。無(wú)需去擔(dān)心有多移動(dòng)一點(diǎn)或多 選擇一點(diǎn)。并且墨刀的系統(tǒng)控件都是基于APP，以及系統(tǒng)平臺(tái)IOS和安卓，因此在里面可以首先選擇相應(yīng)的設(shè)備布局，減少了不少工作環(huán)節(jié)。

另外墨刀的APP原型可以支持下載在手機(jī)里，當(dāng)然是單機(jī)版，但是你可以完全通過(guò)手機(jī)來(lái)打開(kāi)你的原型，相應(yīng)的Axure這一點(diǎn)就做的很不好，雖然有插件支持手機(jī)預(yù)覽，但是非常卡頓。中文版教程對(duì)很多人來(lái)說(shuō)很 NICE。

墨刀使用方法

通過(guò)網(wǎng)上的案例親自實(shí)驗(yàn)一把墨刀的使用方法，在這里羅列出我使用后總結(jié)下來(lái)的成果。

下面我們以網(wǎng)頁(yè)版墨刀為例來(lái)進(jìn)行使用總結(jié)：

一、創(chuàng)建新的應(yīng)用

訪問(wèn)墨刀官網(wǎng)，登錄之后，點(diǎn)擊右上方的創(chuàng)建應(yīng)用，可以選擇不同的模板和設(shè)備類型，填寫(xiě)應(yīng)用名稱之后即可完成應(yīng)用的創(chuàng)建，然后我們可以隨時(shí)編輯應(yīng)用或者與他人共同編輯和分享應(yīng)用。

二、編輯應(yīng)用

點(diǎn)擊我們創(chuàng)建的對(duì)應(yīng)應(yīng)用進(jìn)行編輯，進(jìn)去之后會(huì)看到下圖，其分為菜單欄、組件欄、編輯欄和預(yù)覽排列欄幾個(gè)部分。最左邊是組件欄，我們可以在這里選擇需要的組件，然后拖拽到中間編輯欄中進(jìn)行設(shè)計(jì)；中間編輯欄里可以對(duì)選取的組件進(jìn)行編輯；右邊是預(yù)覽排列，就是最終我們看到的頁(yè)面的基本排列。

1、組件使用

如圖，我們把左邊組件欄中的一些組件拉到這個(gè)中間的編輯欄，通過(guò)雙擊對(duì)應(yīng)的組件進(jìn)行文字或者顏色的編輯：

2、頁(yè)面管理

對(duì)于頁(yè)面的管理，我們可以在最右邊的頁(yè)面管理欄進(jìn)行新建或者復(fù)制頁(yè)面，這樣我們的原型也可以在不同頁(yè)面之間跳轉(zhuǎn)，如下圖所示是一個(gè)原型部分頁(yè)面樹(shù)圖：

3、頁(yè)面跳轉(zhuǎn)

如果要進(jìn)行頁(yè)面之間的跳轉(zhuǎn)，可以點(diǎn)擊組件，然后拉動(dòng)組件旁邊的超鏈接的樣式圖標(biāo)到相應(yīng)頁(yè)面即可執(zhí)行進(jìn)行頁(yè)面跳轉(zhuǎn)功能，如下圖所示：

三、導(dǎo)出下載圖片或者安裝包

點(diǎn)擊頁(yè)面上方的下載圖標(biāo)，具體如下圖所示：

四、運(yùn)行分享應(yīng)用

點(diǎn)擊頁(yè)面上方的運(yùn)行圖標(biāo)即可運(yùn)行編輯的應(yīng)用，而后在運(yùn)行頁(yè)面右方通過(guò)分享圖標(biāo)可以生成分享鏈接。

總結(jié)

以上是生活随笔為你收集整理的原型工具 墨刀_原型设计工具 axure的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。