為設計師準備的 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。

　　寫在最後

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

　　原文地址：http://www.bestdesigntuts.com/10-extremely-useful-and-cost-effective-wireframe-tools-for-designers