當(dāng) 開始一個(gè)項(xiàng)目時(shí)，要將一些未成形的概念草圖(Sketch)變成細(xì)化的可執(zhí)行的線框圖(Wireframe)，這個(gè)過程可以使用一些創(chuàng)建線框圖的工具，來 幫助設(shè)計(jì)師高效而準(zhǔn)確的進(jìn)行設(shè)計(jì)。不論是做GUI，Web UI，Game UI，Mobile UI等等，在開發(fā)前期和設(shè)計(jì)過程中，許多構(gòu)思都需要用原型來輔助思考，邊想邊畫來梳理邏輯，驗(yàn)證流程。所以易學(xué)易用的原型制作工具，很大程度上提高了設(shè)計(jì) 的準(zhǔn)確性，幫助視覺設(shè)計(jì)師和程序員，更好的理解設(shè)計(jì)思路，提升產(chǎn)品的整體品質(zhì)。

我一般在構(gòu)思階段會(huì)使用Balsamiq，感覺就像是繪畫，鼠標(biāo)拖拽便可降控件添加至畫布中。操作簡(jiǎn)便可以自由地調(diào)整及重新安排控制。75個(gè)預(yù)置控制供選擇，從一個(gè)超級(jí)簡(jiǎn)單的對(duì)話框到應(yīng)用程序再到網(wǎng)站建設(shè)中的要素，非常簡(jiǎn)單方便的幫助我們完成線框圖。

創(chuàng)建線框，流程圖，交互原型設(shè)計(jì)我會(huì)用Axure?，F(xiàn)成的部件包括按鈕，表單域，形狀和動(dòng)態(tài)元素。你可以創(chuàng)建自己的自定義widget庫。Axure—快捷而簡(jiǎn)便的進(jìn)行UI操作流程和UI交互設(shè)計(jì)?？勺詣?dòng)生成用于演示的網(wǎng)頁文件和規(guī)格文件，以提供演示與開發(fā)。

MockFlow

是 一款為傳統(tǒng)軟件以及互聯(lián)網(wǎng)應(yīng)用軟件制作產(chǎn)品原型的在線工具，友好而強(qiáng)大。它配備了大量的內(nèi)置組件和圖標(biāo)。類似于 Axure 的產(chǎn)品原型制作工具，唯一不同的是，它是完全基于Web瀏覽視窗的產(chǎn)品。MockFlow 內(nèi)置了許多會(huì)經(jīng)常使用到的Widget控件，譬如：按鈕（Button）、圖片（Image）、文字面板（Text Panel）、下拉式菜單（Droplist）、進(jìn)度條（ProcessBar）等等，能夠有效的幫助用戶快速設(shè)計(jì)交互式原型。

是一款基于 Cappuccino  開源框架下的產(chǎn)品原型設(shè)計(jì)工具，能夠模擬桌面軟件給予設(shè)計(jì)人員更快速的上手和實(shí)踐。與之前我介紹的MockFlow產(chǎn) 品，它為用戶提供了完全基于瀏覽器窗口的產(chǎn)品原型設(shè)計(jì)服務(wù)，由于Mockingbird 采用了Cappuccino開源框架，能夠較為逼真的模擬 Axure   這類桌面軟件，給用戶極大的親切感。內(nèi)置了常用的各種Web控件，包括Text, Link, Button, Image,  List, Box 等等，鼠標(biāo)拖拽便可添加至畫布中，支持中文。

是 一款在線繪圖工具，允許你在線創(chuàng)建站點(diǎn)的原型、UML統(tǒng)一建模和框架圖等?；贔lash技術(shù)，用戶體驗(yàn)友好、功能強(qiáng)大，它能夠幫助你在線繪制包括站點(diǎn)地 圖、產(chǎn)品原型、UML統(tǒng)一建模、流程圖、腦圖 （Mindmap）以及線框圖（Wire frames）在內(nèi)的多種數(shù)字圖表。你可以像在瀏覽器中更新日志那樣簡(jiǎn)單的制作和發(fā)布這些數(shù)字圖表；與此同時(shí)，Cacoo   還支持實(shí)時(shí)的同步協(xié)作功能，允許多個(gè)用戶同時(shí)對(duì)同一幅電子圖表進(jìn)行在線遠(yuǎn)程協(xié)作編輯等。

是一款安裝在Firefox下的擴(kuò)展組件，可以快速的繪制并導(dǎo)出PNG的原型圖。
如果你沒有太多交互要求，只是快速繪制和導(dǎo)出一些原型界面，它不失為一個(gè)不錯(cuò)的選擇。
擴(kuò)展組件安裝地址：https://addons.mozilla.org/zh-CN/firefox/addon/8487

是一個(gè)易于且美觀的網(wǎng)絡(luò)線框應(yīng)用程序，它可以幫助設(shè)計(jì)師創(chuàng)建一個(gè)在早期發(fā)展階段的網(wǎng)站互動(dòng)的概念原型，所有的操作所見即所得；支持個(gè)人二級(jí)域名。不過，很可惜的是，HotGloo 暫不支持簡(jiǎn)體中文的輸入。

是 一款線框制作工具，更是一個(gè)網(wǎng)站開發(fā)協(xié)同工作平臺(tái)。不需要安裝任何軟件，ProtoShare建立在SaaS(服務(wù)性軟件)環(huán)境上，則意味著依靠網(wǎng)絡(luò)，團(tuán) 隊(duì)成員可以在世界的每個(gè)角落協(xié)同工作，保持工作進(jìn)度。這個(gè)實(shí)時(shí)協(xié)同工作的功能非常有魅力，支持IE , Firefox ，Safari。PC和MAC電腦都可以使用ProtoShare.

是一款提供專門針對(duì)iPhone的組件庫，同時(shí)有非常強(qiáng)大的項(xiàng)目/時(shí)間管理功能。包含iPhone專門組件庫，支持html預(yù)覽和導(dǎo)出。

這 款Omnigraffle原型設(shè)計(jì)工具可供您繪制圖表、樹狀結(jié)構(gòu)圖、流程圖、頁面編排等等。您可以使用 OmniGraffle   來規(guī)劃電影或戲劇劇本的情節(jié)走向、繪制公司組織圖，并顯示完成一個(gè)專案所需的步驟。還可以設(shè)置自己在設(shè)計(jì)iPad軟件時(shí)需要的小工 具，包括下拉、提醒、軟件鍵盤等等。