軟件 聊天 安全 視頻 瀏覽器 下載 系統 辦公 教學 輸入法
免費 域名 空間 相冊 郵箱 資源 網賺 試用 優惠 工具
教程 設計 三維 學院 辦公 網頁
素材 PSD 矢量 網頁 PPT 動畫
美女 唯美 大生活 美圖 風景 時尚藝
資訊 新聞 專題 熱點
您的位置: 廣信之家 > 免費資源 > 免費工具 > 文章正文

10個用于設計網頁線框圖的優秀工具

時間:08-27 13:44 來源:oschina.net 整理:廣信小編 我要評論(0)
字號:T|T
內容提要:
  線框圖是一個可視化的導圖,可以用其來詮釋出一個網站的龍骨,同時也可以稱其為一個頁面的示意圖或屏幕的藍圖。線框圖非常容易創建和進行有必要的修改。幫助設計師以低成本

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

為了對線框圖進行更好的設計與修改,我們會選擇一些優秀的工具,當然少不了的就是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個預置控制可供選擇,你可以用它設計出一個超級簡單的對話框。也可以用它設計出任何一個成熟的應用程序,無論是一個簡單的網站, 還是一個富互聯網應用都可以用它來完成。

 Pencil Project

 

作為一款免費的Firefox插件,這款工具具備一些關鍵的功能,如內置的模板,支持多頁文件,以及多個導出選項。雖然簡單但是非常實用,適合繪制一些簡單的界面(這當然不包括那些愛好用wrod繪制高達的軟件使用者)。 

HotGloo 

這是一個完全基于Web的設計工具,有很多實用的功能,包括讓各個項目可以進行拖放以及便于對整個設計進行規塊化管理。同時它也支持實時協作。 

Mockingbird 

這個工具也是基于Web,可以把多個版面編排在一起,以幫助你連接多個實體模型。(在這里提一下,開發這個工具的是一男一女兩個印度人) 

Cacoo 

這是一個很酷的在線繪圖工具,可讓你繪制不同類型的圖表,如網站地圖,線框,UML圖和網絡圖。

 ProtoShare 

ProtoShare是一個十分便捷的在線原型制作工具,側重于團隊協作。團隊成員可以通過這個工具對工作進行審查,并及時提供反饋,對線框圖或內容進行建議. 

iPlotz 

iPlotz是一個很棒的工具,可以讓你快速允許您為網站和應用軟件快速的創建可點擊的原型,導航,頁面排版和線框圖。 

OmniGraffle 

這是一個Mac OS的應用程序,擁有的各種工具,可以讓你建造出優秀線框模型、繪制圖表、流程圖、組織結構圖以及插圖。如剛才所言,我們需要注意,OmniGraffle只支持蘋果的設備,在其主頁頁面就有提供下載。 

Via:smashinghub

編譯:oschina.net

    相關閱讀:

    頂一下
    (0)
    0%
    踩一下
    (0)
    0%
    免責申明:以上內容僅代表原創者觀點,其內容未經本站證實,10個用于設計網頁線框圖的優秀工具對以上內容的真實性、完整性不作任何保證或承諾,轉載目的在于傳遞更多信息,由此產生的后果與10個用于設計網頁線框圖的優秀工具無關;如以上轉載內容不慎侵犯了您的權益,請聯系我們將會及時處理。
    [責任編輯:廣信小編]

    精彩圖文

    登錄 (請登錄發言,并遵守 相關規定)
    如果你對廣信之家有任何意見或建議,請到交流平臺反饋。到留言板反饋
    神龙宝石送彩金 体彩p3图谜总汇 建设棋牌游戏平台网站 全自动游戏赚钱是真的吗 极速快3 山西体彩十一选五规则 天天棋牌 山东麻将代理 福彩18选7 2016年那个行业最赚钱吗 15选5 河北时时彩推荐 混合过关计算器 体彩p5 快乐12任选6胆拖玩法 快乐时时彩开奖号码查询结果 乐天彩票安卓