4個用于設計網頁線框圖的工具

線框圖是一個可視化的導圖，可以用其來詮釋出一個網站的龍骨，同時也可以稱其為一個頁面的示意圖或屏幕的藍圖。線框圖非常容易創建和進行有必要的修改。幫助設計師以低成本且高效率來進行迭代設計。 

為了對線框圖進行更好的設計與修改，我們會選擇一些優秀的工具，當然少不了的就是Axure、MockFlow以及Balsamiq Mockups等。 

在設計初期，你可以在紙上或白板上繪制基本的草圖，來幫助完成一些用戶界面和任務流程概念。這些類型的線框圖可以很好滿足小型的項目，使你可以直接 開始進入到開發的階段。但是，對于大多數的項目，我們就必須借助一些設計軟件的幫助，如Adobe Illustrator，Visio或 OmniGraffle。 

這些線框圖具有非常高的價值，因為它們便于修改，也可以使設計團隊更容易的在項目中進行溝通和管理。 

一個線框圖成品所顯示的網頁布局樣板 

為了做出一個優秀的線框圖和網頁草稿，我們可以考慮從以下10個優秀的工具中做出選擇，幫助你進行網頁頁面創作、線框圖草圖設計： 

Axure 

Axure是一款非常適合設計師的工具，它能夠創建線框圖、設計流程圖、進行交互設計、自動輸出網站原型、自動輸出word格式規格文件。擁有現成 的部件包括按鈕，表單域，形狀和動態元素，您可以選擇在一個自己熟悉的環境下進行編輯，甚至你可以創建自己的自定義widget庫。 

感興趣的童鞋可以試著學習使用一下 

Windows版：http://axure.cachefly.net/AxureRP-Pro-Setup.exe 

MAC版：http://axure.cachefly.net/AxureRP-Pro-Setup.dmg 

Axure6.5漢化語言包下載地址：http://www.axure.us/283/ 

MockFlow 

MockFlow是一款很優秀的工具，類似于 Axure ，不過它是一款完全基于Web瀏覽視窗的產品原型制作工具，可以幫助你對自己的軟件用戶界面以及在網頁重構時進行設計和實時協作。它配備了大量的內置組件 和圖標，如按鈕（Button）、圖片（Image）、文字面板（Text Panel）、下拉式菜單（Droplist）、進度條（ProcessBar）等等。 

Balsamiq Mockups 

使用Balsamiq Mockups就像是進行數碼繪畫，但有略有不同。你可以輕易的進行調整和重新編排，最終的結果就像是一幅賞心悅目的涂鴉，除了真實的紙筆，目測它是最方 便的工具了。軟件帶有75個預置控制可供選擇，你可以用它設計出一個超級簡單的對話框。也可以用它設計出任何一個成熟的應用程序，無論是一個簡單的網站， 還是一個富互聯網應用都可以用它來完成。