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

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

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

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

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

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

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

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

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

[[88457]]

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

Axure RP—擴展線框圖工具

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

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

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

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

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

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

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

UXToolbox—Windows上的線框圖工具

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

Live Wires—iPad上的線框圖App

[[88458]]

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

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

在特性方面，它和Balsamiq Mockups非常接近，但它要高一個等級因為它可以被用作Android和iOS的手寫板。它也有一個內(nèi)置的交流系統(tǒng)，可以用來收集評論和反饋。它的web版每年收費$100，而手持版僅售$20。

寫在最后

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