10個實用的線框圖工具

制作線框圖的工具在網頁設計和軟件開發種扮演著很重要的角色，因為線框圖幫助開發者和客戶讀懂在建設過程中的頁面。 好的用戶體驗，簡潔的導航的，掃除干擾信息和合理傳遞內容，這些都在網站設計中很重要。制作線框圖工具還在網站制作的最后階段，幫你減少設計上不必要的麻 煩。

筆和紙是起草線框圖和描繪初期設計構思的好工具。但是隨著開發往后推進，你也需要更高級的軟件工具來升級線框圖。這個軟件需要支持版本迭代和編輯，保證設計在開發階段能被評估，這里列出了十個比較流行的線框圖制作工具及其價格。

PowerMockup Powerpoint的線框圖插件

如果你想把微軟的PPT文件直接變成線框圖工具，這個插件或許正是能幫得上忙的。它在Powerpoint里增加一個新的控制面板，讓你隨心所欲地選擇一些列常用的線框圖模塊，只需拖動到一個幻燈片頁面而已。

PowerMockup 兼容所有的Microsoft office工具，當然包括Office2013。單用戶購買是60刀。

Moqups在線的模型和線框圖制作工具

如果你想做矢量版的線框圖，這個在線的Html5軟件就能幫到你。這是一個羅馬尼亞的軟件工程師開發的，為了面向全球的開發者們提供免費的工具。你 甚至都不需要注冊，最近，開發小組發起了一個高級版本的Moqups，功需求量大的用戶選擇，而且有無限調整，頁面子母列序，開發團隊在線協作等其他非常 有用的的功能。

Wireframe.cc 在線的線框圖工具（免費）

Wireframe.cc是一個簡約的工具，它沒有繁瑣的東西，你只要在頁面上移動鼠標來畫你想要的就行了。它會幫你生成一個URL來分享給他人，而且是免費的哦，不過高級版是要付費的。

Axure RP 應用面廣的線框圖工具

Axure是最全面和廣泛的工具之一，價格至少要290刀。它用途極廣，如復雜模型開發，規范文件和線框圖制作。它還有其他高級功能，比如和客戶共享模型，它還有組織討論和反饋，和組員合作的功能。

Balsamiq mockups 基于Flash的快速制作線框圖工具

這是個快速風靡的工具，在2008年由一個軟件工程師開發的，然后被全球的程序開發者使用后就開始逐漸流行起來，Balsamiq Mockups也能做設計，看上去就像紙上畫的一樣，而不是正式的機械化設計。它不僅和flash兼容，本身也是一個Adobe Air的軟件，價格為80刀。

Fluid Ui 用于Android、iOS、Window上的制作模型的工具

如果你想要一款制作手機軟件模型的工具，Fluid UI或許正是你需要的。這是一個基于web的工具，能做保真度很高的線框圖，當然低的也能做。它有從Windows 8, 安卓和iOS的用戶界面的庫。你能注冊一個賬號，可以試用10個免費界面。如果你想用進階版，支付30刀一個月就行了。

Pencil – GUI 開源的模型制作工具

Pencil 是一個開源的模型制作工具，能創作很多模型類型和GUI的模型。它有一堆強大的，即時可用的模版庫，方便你來制作常見的模塊或安卓，iOS或網站的界面控 制系統你能從一些網站上下載到或從模版庫找到，很多都是由用戶共享的。它還有在不同操作系統下的獨立版本。

UXToolbox-  Window平臺的線框圖工具

如果你要開發手機軟件，桌面軟件或者網站，UXToolbox可以用來制作手機軟件，桌面軟件或者網站。UXToolbox 讓你能制作有交互的模型和線框圖。還有一個特別有意思的功能是只要點下按鈕，你就能從手繪的線框圖和圖形線框圖之間轉化。你還能直接倒出html或者 xml，價格是240刀。

Live wire iPad上的線框圖制作工具

這個工具讓你可以直接在iPad上設計和測試，兼容iPhone和iPad軟件，它有一個強大的設計庫。價格才10刀。

Mockups.me ui線框圖軟件

談論了以上那么多功能，這個工具和Mockups比較像，但比其進階點因為這個工具可以用在安卓和iOS上。Mockups.me還有組員交流系統，幫助收集建議和反饋。網頁版的每年100刀，但移動設備上的僅20刀。

總結
有很多工具可以來制作線框圖，你可以通過不同需求來選擇，有免費，有要付費。絕大多數時候，只有高級版本收費而已。

原文鏈接： Andrew Smith   翻譯： 伯樂在線 - 伯樂在線讀者
譯文鏈接： http://blog.jobbole.com/56118/