為設計師準備的 10 個非常有用和高效的線框圖工具

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

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

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

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

如果你想把Microsoft PowerPoint轉換成一個線框圖工具，這個附加工具將會相當有用。一個新的面板將會添加到PP窗口中，它使你可以使用展示在面板中的一些線框圖元素和圖標。可以通過拖拽把它加到幻燈片中。

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

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

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

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

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

Axure RP—擴展線框圖工具

它是最具綜合性最包羅萬象的一個工具之一，最低價是￥290。可以用來做任何事，包括開發復雜原型，說明文檔和簡單線框草圖。它也有一些特定的高級特性，比如在客戶端之間分享原型。這種設計方式使得它可以管理組員之間的討論和反饋以及協作。

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

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

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

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

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

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

UXToolbox—Windows上的線框圖工具

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

Live Wires—iPad上的線框圖App

它允許你進行原型設計并直接在iPad進行測試。它同時兼容iPhone和iPad應用。它有一個擴展庫。它的收費低至$10。

Mockups.me—UI線框圖應用

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

寫在最后

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