線框圖工具在網(wǎng)頁和軟件開發(fā)中扮演著重要的角色，它們幫助開發(fā)者和客戶提供一個(gè)形象的可視網(wǎng)頁頁面。對(duì)你的網(wǎng)站有好性和簡(jiǎn)單導(dǎo)航操作也是非常的重要，盡管當(dāng)你的網(wǎng)站內(nèi)容多而雜的時(shí)候。網(wǎng)站一旦進(jìn)入最后階段，線框工具還可以幫你減少設(shè)計(jì)上的麻煩。

筆和紙?jiān)诶L制初始線框圖的時(shí)候非常好用，它能描繪出對(duì)網(wǎng)站的初步設(shè)計(jì)。但是，在后期的測(cè)試階段，你需要一個(gè)先進(jìn)的軟件應(yīng)用。這個(gè)應(yīng)用應(yīng)該支持版本管理和編輯，因此，這樣可以削減在設(shè)計(jì)階段中本身的缺陷。這里列出了十個(gè)流行線框圖工具以及它們的費(fèi)用:

給設(shè)計(jì)人員的10個(gè)極為有用又劃算的線框圖工具

PowerMockup—PowerPoint上的線框圖附加工具

如果你想把Microsoft PowerPoint轉(zhuǎn)換成一個(gè)線框圖工具，這個(gè)附加工具將會(huì)相當(dāng)有用。一個(gè)新的面板將會(huì)添加到PP窗口中，它使你可以使用展示在面板中的一些線框圖元素和圖標(biāo)?？梢酝ㄟ^拖拽把它加到幻燈片中。

PowerMockup和所有最新版的Microsoft Office兼容，包括Office 2013。你可以花費(fèi)$60購買該線框圖工具，供單用戶使用。

Moqups—在線建模和線框圖工具

如果你需要矢量線框圖，這個(gè)在線HTML5應(yīng)用應(yīng)該是你的理想選擇。它由羅馬尼亞的軟件工程師開發(fā)，供全世界的開發(fā)者免費(fèi)使用。你甚至都不需要注冊(cè)。最近，該團(tuán)隊(duì)開發(fā)了一個(gè)高級(jí)版的Moqups， 它是可選的，有不受限制的修訂、主頁、與工程師團(tuán)隊(duì)的在線協(xié)作以及其它一些有用的特性。

Wireframe.cc — 在線線框圖工具(免費(fèi))

[[88457]]

Wireframe.cc是一款簡(jiǎn)單的工具，它沒有那些亂七八糟的東西，你可以直接用鼠標(biāo)在畫布上隨意作畫。它會(huì)產(chǎn)生一個(gè)唯一的URL，可以共享。Wireframe.cc完全免費(fèi)， 但是其高級(jí)版是收費(fèi)的。

Axure RP—擴(kuò)展線框圖工具

它是最具綜合性最包羅萬象的一個(gè)工具之一，最低價(jià)是￥290?？梢杂脕碜鋈魏问?，包括開發(fā)復(fù)雜原型，說明文檔和簡(jiǎn)單線框草圖。它也有一些特定的高級(jí)特性，比如在客戶端之間分享原型。這種設(shè)計(jì)方式使得它可以管理組員之間的討論和反饋以及協(xié)作。

Balsamiq Mockups—基于Flash的快速線框工具

自從它在2008年被一名開發(fā)者開發(fā)出來之后，它在很短的時(shí)間內(nèi)就流行開來。它是如此的流行，全世界已經(jīng)有數(shù)以千計(jì)的開發(fā)者在使用它了。Balsamiq Mockups可以進(jìn)行設(shè)計(jì)，看起來就像是在紙上畫的草稿一樣，而不像是機(jī)器制圖。它和Flash兼容良好，并且已經(jīng)成為Adobe Air Application。你可以用$80買到它。

Fluid UI—供Android, iOS, 和Windows App使用的在線原型設(shè)計(jì)工具

如果你在找一款給手機(jī)應(yīng)用進(jìn)行原型設(shè)計(jì)的工具，F(xiàn)luid UI將是你的理想選擇。它是基于web的工具，既可以用于創(chuàng)建高保真模型，也可以創(chuàng)建低保真的線框。它擁有供Windows 8, android和iOS應(yīng)用使用的用戶接口。針對(duì)單個(gè)項(xiàng)目，你可以獲得一個(gè)賬戶，它提供最多10屏的絕對(duì)免費(fèi)。如果你愿意付費(fèi)，每月$30起。

Pencil—GUI原型設(shè)計(jì)工具(開源)

Pencil是一款原型設(shè)計(jì)工具，而且是開源的。我們可以通過它來創(chuàng)建許多設(shè)計(jì)原型和GUI模型。它有一個(gè)巨大的待用圖形商店，可以供Android, iOS和web應(yīng)用來使用，用作通用設(shè)計(jì)元素和UI控制。 你可以在pencil網(wǎng)站上找到可供下載的工件， 訪問許多模板集，都是由用戶貢獻(xiàn)的。它也給多個(gè)操作系統(tǒng)提供獨(dú)立版本。

UXToolbox—Windows上的線框圖工具

如果你在開發(fā)手機(jī)應(yīng)用，桌面應(yīng)用或者網(wǎng)絡(luò)站點(diǎn)，UXToolbox使你可以創(chuàng)建交互性的原型設(shè)計(jì)和線框圖。它的一個(gè)更有趣的特性是，你可以在草圖線框圖和規(guī)矩漂亮的線框圖之間來回切換，只需要點(diǎn)擊一下按鈕。你可以輕松的把設(shè)計(jì)導(dǎo)出成HTML或XML。$240就可以買到。

Live Wires—iPad上的線框圖App

[[88458]]

它允許你進(jìn)行原型設(shè)計(jì)并直接在iPad進(jìn)行測(cè)試。它同時(shí)兼容iPhone和iPad應(yīng)用。它有一個(gè)擴(kuò)展庫。它的收費(fèi)低至$10。

Mockups.me—UI線框圖應(yīng)用

在特性方面，它和Balsamiq Mockups非常接近，但它要高一個(gè)等級(jí)因?yàn)樗梢员挥米鰽ndroid和iOS的手寫板。它也有一個(gè)內(nèi)置的交流系統(tǒng)，可以用來收集評(píng)論和反饋。它的web版每年收費(fèi)$100，而手持版僅售$20。

寫在最后

所以，市面上有許多線框圖工具，可以根據(jù)你的需求來選擇。這些工具有免費(fèi)的也有收費(fèi)的。多數(shù)時(shí)候，只有高級(jí)版才收費(fèi)，而試用版是免費(fèi)的。