線框圖是一個可視化的導(dǎo)圖,可以用其來詮釋出一個網(wǎng)站的龍骨,同時也可以稱其為一個頁面的示意圖或屏幕的藍圖。線框圖非常容易創(chuàng)建和進行有必要的修改。幫助設(shè)計師以低成本且高效率來進行迭代設(shè)計。
為了對線框圖進行更好的設(shè)計與修改,我們會選擇一些優(yōu)秀的工具,當(dāng)然少不了的就是Axure、MockFlow以及Balsamiq Mockups等。
在設(shè)計初期,你可以在紙上或白板上繪制基本的草圖,來幫助完成一些用戶界面和任務(wù)流程概念。這些類型的線框圖可以很好滿足小型的項目,使你可以直接 開始進入到開發(fā)的階段。但是,對于大多數(shù)的項目,我們就必須借助一些設(shè)計軟件的幫助,如Adobe Illustrator,Visio或 OmniGraffle。
這些線框圖具有非常高的價值,因為它們便于修改,也可以使設(shè)計團隊更容易的在項目中進行溝通和管理。
一個線框圖成品所顯示的網(wǎng)頁布局樣板
為了做出一個優(yōu)秀的線框圖和網(wǎng)頁草稿,我們可以考慮從以下10個優(yōu)秀的工具中做出選擇,幫助你進行網(wǎng)頁頁面創(chuàng)作、線框圖草圖設(shè)計:
Axure是一款非常適合設(shè)計師的工具,它能夠創(chuàng)建線框圖、設(shè)計流程圖、進行交互設(shè)計、自動輸出網(wǎng)站原型、自動輸出word格式規(guī)格文件。擁有現(xiàn)成 的部件包括按鈕,表單域,形狀和動態(tài)元素,您可以選擇在一個自己熟悉的環(huá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是一款很優(yōu)秀的工具,類似于 Axure ,不過它是一款完全基于Web瀏覽視窗的產(chǎn)品原型制作工具,可以幫助你對自己的軟件用戶界面以及在網(wǎng)頁重構(gòu)時進行設(shè)計和實時協(xié)作。它配備了大量的內(nèi)置組件 和圖標(biāo),如按鈕(Button)、圖片(Image)、文字面板(Text Panel)、下拉式菜單(Droplist)、進度條(ProcessBar)等等。
使用Balsamiq Mockups就像是進行數(shù)碼繪畫,但有略有不同。你可以輕易的進行調(diào)整和重新編排,最終的結(jié)果就像是一幅賞心悅目的涂鴉,除了真實的紙筆,目測它是最方 便的工具了。軟件帶有75個預(yù)置控制可供選擇,你可以用它設(shè)計出一個超級簡單的對話框。也可以用它設(shè)計出任何一個成熟的應(yīng)用程序,無論是一個簡單的網(wǎng)站, 還是一個富互聯(lián)網(wǎng)應(yīng)用都可以用它來完成。
江西省上饒市廣信區(qū)三清山中大道588號7棟5號
電話:0793-8313026 7094119
傳真:0793-8313026
手機:18079306668 13576325382 曾
郵箱:174216168@qq.com
QQ:174216168
Copyright © 2008-2019 (srlrcm.cn) 獵人傳媒. All Rights Reserved.
贛ICP備08101270號-1 百度統(tǒng)計