- 相關(guān)推薦
10個(gè)網(wǎng)頁設(shè)計(jì)線框圖的優(yōu)秀工具
線框圖是一個(gè)可視化的導(dǎo)圖，可以用其來詮釋出一個(gè)網(wǎng)站的龍骨，同時(shí)也可以稱其為一個(gè)頁面的示意圖或屏幕的藍(lán)圖。線框圖非常容易創(chuàng)建和進(jìn)行有必要的修改。幫助設(shè)計(jì)師以低成本且高效率來進(jìn)行迭代設(shè)計(jì)。 以下是小編為大家搜索整理的10個(gè)網(wǎng)頁設(shè)計(jì)線框圖的優(yōu)秀工具，希望能給大家?guī)韼椭?更多精彩內(nèi)容請(qǐng)及時(shí)關(guān)注我們應(yīng)屆畢業(yè)生考試網(wǎng)!
為了對(duì)線框圖進(jìn)行更好的設(shè)計(jì)與修改，我們會(huì)選擇一些優(yōu)秀的工具，當(dāng)然少不了的就是Axure、MockFlow以及Balsamiq Mockups等。
在設(shè)計(jì)初期，你可以在紙上或白板上繪制基本的草圖，來幫助完成一些用戶界面和任務(wù)流程概念。這些類型的線框圖可以很好滿足小型的項(xiàng)目，使你可以直接 開始進(jìn)入到開發(fā)的階段。但是，對(duì)于大多數(shù)的項(xiàng)目，我們就必須借助一些設(shè)計(jì)軟件的幫助，如Adobe Illustrator，Visio或 OmniGraffle。
這些線框圖具有非常高的價(jià)值，因?yàn)樗鼈儽阌谛薷模部梢允乖O(shè)計(jì)團(tuán)隊(duì)更容易的在項(xiàng)目中進(jìn)行溝通和管理。
一個(gè)線框圖成品所顯示的網(wǎng)頁布局樣板
為了做出一個(gè)優(yōu)秀的線框圖和網(wǎng)頁草稿，我們可以考慮從以下10個(gè)優(yōu)秀的工具中做出選擇，幫助你進(jìn)行網(wǎng)頁頁面創(chuàng)作、線框圖草圖設(shè)計(jì)：
Axure
Axure是一款非常適合設(shè)計(jì)師的工具，它能夠創(chuàng)建線框圖、設(shè)計(jì)流程圖、進(jìn)行交互設(shè)計(jì)、自動(dòng)輸出網(wǎng)站原型、自動(dòng)輸出word格式規(guī)格文件。擁有現(xiàn)成 的部件包括按鈕，表單域，形狀和動(dòng)態(tài)元素，您可以選擇在一個(gè)自己熟悉的環(huán)境下進(jìn)行編輯，甚至你可以創(chuàng)建自己的自定義widget庫。
感興趣的童鞋可以試著學(xué)習(xí)使用一下
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是一款很優(yōu)秀的工具，類似于 Axure ，不過它是一款完全基于Web瀏覽視窗的產(chǎn)品原型制作工具，可以幫助你對(duì)自己的軟件用戶界面以及在網(wǎng)頁重構(gòu)時(shí)進(jìn)行設(shè)計(jì)和實(shí)時(shí)協(xié)作。它配備了大量的內(nèi)置組件 和圖標(biāo)，如按鈕(Button)、圖片(Image)、文字面板(Text Panel)、下拉式菜單(Droplist)、進(jìn)度條(ProcessBar)等等。
Balsamiq Mockups
使用Balsamiq Mockups就像是進(jìn)行數(shù)碼繪畫，但有略有不同。你可以輕易的進(jìn)行調(diào)整和重新編排，最終的結(jié)果就像是一幅賞心悅目的涂鴉，除了真實(shí)的紙筆，目測(cè)它是最方 便的工具了。軟件帶有75個(gè)預(yù)置控制可供選擇，你可以用它設(shè)計(jì)出一個(gè)超級(jí)簡(jiǎn)單的對(duì)話框。也可以用它設(shè)計(jì)出任何一個(gè)成熟的應(yīng)用程序，無論是一個(gè)簡(jiǎn)單的網(wǎng)站， 還是一個(gè)富互聯(lián)網(wǎng)應(yīng)用都可以用它來完成。
Pencil Project
作為一款免費(fèi)的Firefox插件，這款工具具備一些關(guān)鍵的功能，如內(nèi)置的模板，支持多頁文件，以及多個(gè)導(dǎo)出選項(xiàng)。雖然簡(jiǎn)單但是非常實(shí)用，適合繪制一些簡(jiǎn)單的界面(這當(dāng)然不包括那些愛好用wrod繪制高達(dá)的軟件使用者)。
HotGloo
這是一個(gè)完全基于Web的設(shè)計(jì)工具，有很多實(shí)用的功能，包括讓各個(gè)項(xiàng)目可以進(jìn)行拖放以及便于對(duì)整個(gè)設(shè)計(jì)進(jìn)行規(guī)塊化管理。同時(shí)它也支持實(shí)時(shí)協(xié)作。
Mockingbird
這個(gè)工具也是基于Web，可以把多個(gè)版面編排在一起，以幫助你連接多個(gè)實(shí)體模型。(在這里提一下，開發(fā)這個(gè)工具的是一男一女兩個(gè)印度人)
Cacoo
這是一個(gè)很酷的在線繪圖工具，可讓你繪制不同類型的圖表，如網(wǎng)站地圖，線框，UML圖和網(wǎng)絡(luò)圖。
ProtoShare
ProtoShare是一個(gè)十分便捷的在線原型制作工具，側(cè)重于團(tuán)隊(duì)協(xié)作。團(tuán)隊(duì)成員可以通過這個(gè)工具對(duì)工作進(jìn)行審查，并及時(shí)提供反饋，對(duì)線框圖或內(nèi)容進(jìn)行建議.
iPlotz
iPlotz是一個(gè)很棒的工具，可以讓你快速允許您為網(wǎng)站和應(yīng)用軟件快速的創(chuàng)建可點(diǎn)擊的原型，導(dǎo)航，頁面排版和線框圖。
OmniGraffle
這是一個(gè)Mac OS的應(yīng)用程序，擁有的各種工具，可以讓你建造出優(yōu)秀線框模型、繪制圖表、流程圖、組織結(jié)構(gòu)圖以及插圖。如剛才所言，我們需要注意，OmniGraffle只支持蘋果的設(shè)備，在其主頁頁面就有提供下載。
【10個(gè)網(wǎng)頁設(shè)計(jì)線框圖的優(yōu)秀工具】相關(guān)文章：
響應(yīng)式網(wǎng)頁設(shè)計(jì)的工具有哪些11-17
網(wǎng)頁設(shè)計(jì)中的字體設(shè)計(jì)12-03
網(wǎng)頁設(shè)計(jì)網(wǎng)頁制作的流程分析03-02