|
網(wǎng)頁(yè)的線框圖是非常直觀、但是也沒(méi)什么技術(shù)上難點(diǎn)的東西。只需要你大概描出頁(yè)面上需要的一些元素，比如頭部、導(dǎo)航、頁(yè)腳等等，最多再就是一些交互、內(nèi)容區(qū)域什么的。 但這對(duì)于任何網(wǎng)絡(luò)應(yīng)用的開(kāi)發(fā)都是非常重要的。當(dāng)然有很多種方法可以做這件事情，最簡(jiǎn)單的就是拿起紙和筆，但是在這篇文章中，我們要介紹的是一些非常高效好用的在線原型工具，并且他們完全免費(fèi)。 
Mockup Builder 殺手級(jí)的原型工具 MockupBuilder最近才發(fā)布，很值得期待。他有非常多的功能：UI模型，交互的線框圖，頁(yè)面布局，客戶端原型甚至站點(diǎn)地圖和屏幕導(dǎo)航。 當(dāng)然，對(duì)于與客戶和團(tuán)隊(duì)成員交流也是非常強(qiáng)大的。并且，他全部免費(fèi)。
Tiggr協(xié)作制作原型圖 Tiggr的思想是給你需要做成最終稿的所有資源。你可以設(shè)計(jì)很多的元素，然后分享，其他的協(xié)作用戶會(huì)幫你制作相應(yīng)HTML/CSS代碼，以達(dá)到最快生成。花10秒鐘注冊(cè)，你就能享用這個(gè)免費(fèi)的東東了。
Frame Box輕量級(jí)原型在線制作 FrameBox并沒(méi)有多么特別的特色。你可以拖放、設(shè)置大小、復(fù)制粘貼這些UI組件，但是他的特色在于你可以非常輕松的通過(guò)它的拖拽很容易就完成你的原型制作。想要用這個(gè)輕量級(jí)的免費(fèi)的工具，也需要注冊(cè)一下。
SimpleDiagrams 免費(fèi)版(Adobe Air App) simplediagrams是一個(gè)非常小巧的Adobe Air程序，通過(guò)他你可以非常輕松的實(shí)現(xiàn)自己的想法。拖拽組件，添加圖片或者便簽，導(dǎo)出PNG圖都是他的特色，通過(guò)添加一些小功能就能實(shí)現(xiàn)一個(gè)非常不錯(cuò)的原型圖。
iPhone MockupiPhone原型制作 在iPhone Mockup里面你可以使用鉛筆模式，也可以使用圖表模式的編輯器。不管你選擇什么，功能都是一樣的，都可以很簡(jiǎn)單很方便的生成iPhone上的應(yīng)用原型。你也可以分享給別人，就算你更改了設(shè)計(jì)，別人通過(guò)那個(gè)鏈接也一樣可以看到。
fluidIA fluidIA是一個(gè)在線的但是可以下載的富用戶界面原型設(shè)計(jì)工具。它基于面向?qū)ο蟮睦砟睿梢宰屇憧焖偻晟啤ＫO(shè)計(jì)的基本思想是團(tuán)隊(duì)中的任何成員，無(wú)論是設(shè)計(jì)師還是工程師都可以自由的設(shè)計(jì)自己的原型。最近fluidIA的更新稍微慢了點(diǎn)，但是它仍是一個(gè)非常優(yōu)秀的線框圖工具。
Pencil ProjectFireFox插件 Pencil Project是一個(gè)原型界面設(shè)計(jì)的Firefox插件，通過(guò)它內(nèi)置的模板，你可以創(chuàng)建可鏈接的文檔，并輸出成為HTML文件、PNG、OpenOffice文檔、Word文檔、PDF。還有什么可說(shuō)的呢？這么優(yōu)秀的插件，是每個(gè)設(shè)計(jì)師和開(kāi)發(fā)人員必備啊。
CogToolWin MAC下應(yīng)用程序 CogTool是一個(gè)強(qiáng)大原型生成工具，他與別的工具還有一些不同，他可以對(duì)你的設(shè)計(jì)自動(dòng)根據(jù)人類(lèi)認(rèn)知模型進(jìn)行評(píng)估。你可以通過(guò)一些圖標(biāo)啊按鈕啊圖片，生成一個(gè)描述，然后點(diǎn)擊評(píng)估的按鈕，他就會(huì)對(duì)你的設(shè)計(jì)進(jìn)行人類(lèi)認(rèn)知模型的評(píng)估，他會(huì)告訴你一般人需要多久才能理解你的意圖。CogTools有很多用戶引導(dǎo)的文檔，還有很多教程，論壇上也能讓你很快的成長(zhǎng)起來(lái)。
Prototype Composer Prototype Composer可以讓你在真正的代碼編寫(xiě)之前就看到網(wǎng)站是如何運(yùn)行的。以前的那些無(wú)數(shù)的文字入口，復(fù)雜的數(shù)據(jù)結(jié)構(gòu)以及技術(shù)含量不低的UML圖，這個(gè)工具可以讓你很方便的協(xié)作完成一個(gè)看起來(lái)能運(yùn)行的程序。 社區(qū)版本是免費(fèi)的，他可以讓你以用戶定義的一個(gè)項(xiàng)目做一個(gè)樣例程序。
DUB – DENIM（跨平臺(tái)應(yīng)用程序） DENIM是一個(gè)跨平臺(tái)的桌面程序。他自己的介紹是為早期網(wǎng)站設(shè)計(jì)提供幫助的非正式工具。 他有很多理念來(lái)自于紙筆設(shè)計(jì)原型。你可以快速的畫(huà)出草圖，保證重要的功能優(yōu)先。但是跟紙筆的草圖不同的是，他還可以有交互和動(dòng)畫(huà)。
|
