說起線框圖工具，你腦海中浮現(xiàn)的是什么呢？老字號Axure RP？還是設(shè)計(jì)新寵Mockplus？如今，形形色色的線框圖工具可以說是唾手可得，當(dāng)然，這是一件好事，但是另一方面呢，過多的選擇也的確容易造成設(shè)計(jì)師的選擇困難。尤其是現(xiàn)在的行業(yè)形勢，快速的產(chǎn)品迭代和開發(fā)節(jié)奏，越來越少的時間成本，快速設(shè)計(jì)的需求與日俱增。一些過于精細(xì)的設(shè)計(jì)工具其實(shí)并不適應(yīng)當(dāng)今的設(shè)計(jì)趨勢。這里，我精選出了5款專注于快速設(shè)計(jì)的線框圖工具，能幫助你實(shí)現(xiàn)真正意義上的快速設(shè)計(jì)。

1. Wireframe CC 

一款最輕量的框線圖工具，線框設(shè)計(jì)原來可以如此簡單！

平臺：Web-based

上手時間：低于10 mins

價格：基礎(chǔ)版-免費(fèi)

           高級版-$99/月

保真度：低保真

Wireframe CC是一款在線線框圖繪制工具，它采用的是極簡風(fēng)格，界面極其簡潔，甚至沒有典型繪圖應(yīng)用程序的工具欄和圖標(biāo)。你只需在畫布上移動鼠標(biāo)就可構(gòu)建你想要的形狀。其最大的特點(diǎn)正是專注于最基本操作。目前支持網(wǎng)頁、手機(jī)橫屏和手機(jī)豎屏三種模式。

但Wireframe CC只適用于做最基礎(chǔ)的框線圖設(shè)計(jì)，無法進(jìn)行任何的交互和動畫設(shè)計(jì)，功能比較有限。分享模式也是生成一個URL，比較單一。

2.  Mockplus

 一款讓你關(guān)注設(shè)計(jì)，而非工具本身的工具，致力于讓設(shè)計(jì)更快、更簡單！

平臺：Windows, Mac, Android, IOS

上手時間：5-10 mins

價格：普通-免費(fèi)

           專業(yè)-118/年

保真度：中低保真

Mockplus致力于快速構(gòu)建和迭代原型，為設(shè)計(jì)師提供簡潔高效的設(shè)計(jì)方式，能在最短時間里創(chuàng)造出最優(yōu)的設(shè)計(jì)成果。看看它是如何實(shí)現(xiàn)快速設(shè)計(jì)的：

第一，Mockplus擁有200多個高度封裝的交互組件，3000個矢量圖標(biāo)，以及大量可供直接使用的模板、例子項(xiàng)目以及模板頁面，并且支持在Sketch中直接導(dǎo)出MP文件，為快速設(shè)計(jì)提供了有效支持。

第二，Mockplus還是快速交互的不二選擇。只需使用封裝可見的交互組件，用鼠標(biāo)進(jìn)行拖拽即可完成交互，不需要任何一行代碼或者參數(shù)的設(shè)置。Mockplus目前支持3種交互方式：頁面交互，組件交互和屬性交互。交互命令還可一鍵自動還原，貼切而周到。

第三，Mockplus擁有8種快速測試和演示方式，支持手機(jī)端、瀏覽器及桌面端的原型測試。在線預(yù)覽和離線演示都可輕松實(shí)現(xiàn)，不受終端和網(wǎng)絡(luò)限制。

最后，Mockplus團(tuán)隊(duì)推出了一系列別出心裁的設(shè)計(jì)，例如Microsoft Office風(fēng)格的可視化格式刷，可快速進(jìn)行批量復(fù)制，簡單直觀。最新的3.2版本增加了格子功能，可輕松復(fù)制頁面布局，并且可自定義屬性，非常人性化。Mockplus還支持腦圖設(shè)計(jì)模式，能快速完成項(xiàng)目的所有頁面構(gòu)架，然后一件轉(zhuǎn)化為原型項(xiàng)目。

3. Balsamiq Mockups

一款基于Flash的快速線框圖工具，線框設(shè)計(jì)不再一籌莫展。

平臺：Windows, Mac, Web-bas

上手時間：15-20 mins

價格：$89

保真度：低保真

Balsamiq Mockups是一款備受青睞的線框圖工具，是2008由一個軟件工程師開發(fā)的，能幫助設(shè)計(jì)師更快地進(jìn)行線框圖設(shè)計(jì)。

首先，Balsamiq擁有可以直接進(jìn)行拖拽使用的元素，包括一些按鈕和列表，值得一提的是，這些元素都是手繪風(fēng)格。設(shè)計(jì)師還可在編輯器里提前準(zhǔn)備好需要使用的小部件。

此外，Balsamiq官方網(wǎng)站還提供了很多模板，包括桌面App、移動端App以及網(wǎng)站模板等?？晒c(diǎn)擊下載，使用起來快速便捷。

其次，Balsamiq獨(dú)一無二的手寫設(shè)計(jì)在如今的機(jī)械化設(shè)計(jì)中顯得十分別致，能讓設(shè)計(jì)師體會一種在空白屏幕里進(jìn)行手繪設(shè)計(jì)的獨(dú)特體驗(yàn)。加上其種類繁多且風(fēng)格獨(dú)特的UI庫，能為設(shè)計(jì)師提供最便捷的服務(wù)。

但Balsamiq并不是一款適合做超大型項(xiàng)目的工具，雖然它也可以用于做一些設(shè)計(jì)，但想要加入一些比較深入的動態(tài)效果就比較局限，當(dāng)然，這和他們的設(shè)計(jì)初衷也不相一致，Balsamiq就是專注于簡潔粗略的線框圖設(shè)計(jì)而非原型。

4．Pencil Project

一款專注于制作圖表和GUI原型設(shè)計(jì)的線框圖工具。

平臺：Windows, Linux, Mac

上手時間：10-15 mins

價格：免費(fèi)

保真度：低保真

Pencil Project可以說是一款明星工具，它曾在2008年獲得過Mozilla 的“Best New Add-On”獎項(xiàng)。Pencil Project是基于火狐瀏覽器上的圖形工具，但它也可以在Linux和Windows系統(tǒng)中作為一個獨(dú)立的運(yùn)用程序。

Pencil Project支持草圖繪制，還可制作圖形化的原型繪制，甚至可以像Balsamiq Mockups具有手繪風(fēng)格。支持連接器，可以用于在圖中將“形狀”鏈接在一起，甚至流程圖形狀的合集也可以用于繪圖。

此外，pencil Project還支持圖形元素的鏈接，可以將某元素鏈接到同一文檔的特定頁面，有助于設(shè)計(jì)師在創(chuàng)建運(yùn)用程序或網(wǎng)站模型時定義UI流程。

但如果你不是火狐的用戶，Pencil Project對你的吸引力也許會大大減弱。如果你恰好是，那么pencil Project非你莫屬。

5. Fliud UI

一款專注于制作手機(jī)軟件模型的工具，值得嘗試。

平臺：Web-based

上手時間：20-25 mins

價格：個人- $8.25/月

           高級版- $19.08/月

           團(tuán)隊(duì)版- $41.58/月

保真度：高保真

Fliud UI是一款基于網(wǎng)頁端的線框圖設(shè)計(jì)工具，與其他的大部分線框圖工具不同，F(xiàn)liud UI支持添加手勢，并且具有動畫效果，可以制作高保真的線框圖。

Fliud UI有16個用于iOS，Android，Windows8的用戶界面庫，其中包含超過2000個可定制的小部件和圖標(biāo)，可以直接從這些內(nèi)置庫里拖拽元素創(chuàng)建頁面，簡潔高效。FluidUI還提供團(tuán)隊(duì)的實(shí)時協(xié)作，可用于用戶測試的視頻環(huán)聊，進(jìn)行設(shè)備上的測試和交互式預(yù)覽，團(tuán)隊(duì)共享非常便捷。

以上是我總結(jié)出的5款真正意義上能夠?qū)崿F(xiàn)快速設(shè)計(jì)的線框圖工具。盡管每款工具各具特色，也各有不足，但總體上都能滿足你進(jìn)行快速線框圖設(shè)計(jì)的需要。在這里，我也分享一下我個人的喜好和選擇，能進(jìn)行快速的線框圖制作是首要條件，這5款工具基本難分伯仲，但在設(shè)計(jì)過程中，我們往往會要求更多，譬如設(shè)計(jì)靈感的查找，多樣的快速演示和分享方式，力求最低的學(xué)習(xí)成本，比較深入的交互和動效，以及更多的人性化設(shè)置，通過自己的親身經(jīng)歷，Mockplus是其中最能滿足設(shè)計(jì)過程中各種需求的佼佼者，也是我極力推薦的一款工具，值得用心一試。