推薦11個完全免費的線框圖工具
網(wǎng)頁的線框圖是非常直觀、但是也沒什么技術(shù)上難點的東西。只需要你大概描出頁面上需要的一些元素,比如頭部、導(dǎo)航、頁腳等等,最多再就是一些交互、內(nèi)容區(qū)域什么的。但這對于任何網(wǎng)絡(luò)應(yīng)用的開發(fā)都是非常重要的。
當(dāng)然有很多種方法可以做這件事情,最簡單的就是拿起紙和筆,但是在這篇文章中,我們要介紹的是一些非常高效好用的在線原型工具,并且他們完全免費。
1.Lumzy快速制作原型的工具

使用Lumzy你可以為你的應(yīng)用創(chuàng)建原型圖,還能添加一些交互事件。有了它,你可以創(chuàng)建彈出框,交互的頁面導(dǎo)航,添加外部鏈接等等。他對于團隊協(xié)作設(shè)計和交流提供了一個很好的平臺,而且他完全免費。
2.Mockup Builder殺手級的原型工具

MockupBuilder最近才發(fā)布,很值得期待。他有非常多的功能:UI模型,交互的線框圖,頁面布局,客戶端原型甚至站點地圖和屏幕導(dǎo)航。當(dāng)然,對于與客戶和團隊成員交流也是非常強大的。并且,他全部免費。
3.Tiggr協(xié)作制作原型圖

Tiggr的思想是給你需要做成最終稿的所有資源。你可以設(shè)計很多的元素,然后分享,其他的協(xié)作用戶會幫你制作相應(yīng)HTML/CSS代碼,以達到最快生成。花10秒鐘注冊,你就能享用這個免費的東東了。
4.Frame Box輕量級原型在線制作

FrameBox并沒有多么特別的特色。你可以拖放、設(shè)置大小、復(fù)制粘貼這些UI組件,但是他的特色在于你可以非常輕松的通過它的拖拽很容易就完成你的原型制作。想要用這個輕量級的免費的工具,也需要注冊一下。
5.SimpleDiagrams 免費版 (Adobe Air App)

simplediagrams是一個非常小巧的Adobe Air程序,通過他你可以非常輕松的實現(xiàn)自己的想法。拖拽組件,添加圖片或者便簽,導(dǎo)出PNG圖都是他的特色,通過添加一些小功能就能實現(xiàn)一個非常不錯的原型圖。
6.iPhone Mockup iPhone原型制作

在iPhone Mockup里面你可以使用鉛筆模式,也可以使用圖表模式的編輯器。不管你選擇什么,功能都是一樣的,都可以很簡單很方便的生成iPhone上的應(yīng)用原型。你也可以分享給別人,就算你更改了設(shè)計,別人通過那個鏈接也一樣可以看到。
7.fluidIA

fluidIA是一個在線的但是可以下載的富用戶界面原型設(shè)計工具。它基于面向?qū)ο蟮睦砟睿梢宰屇憧焖偻晟啤KO(shè)計的基本思想是團隊中的任何成員,無論是設(shè)計師還是工程師都可以自由的設(shè)計自己的原型。最近fluidIA的更新稍微慢了點,但是它仍是一個非常優(yōu)秀的線框圖工具。
8.Pencil Project FireFox插件

Pencil Project是一個原型界面設(shè)計的Firefox插件,通過它內(nèi)置的模板,你可以創(chuàng)建可鏈接的文檔,并輸出成為HTML文件、PNG、OpenOffice文檔、Word文檔、PDF。還有什么可說的呢?這么優(yōu)秀的插件,是每個設(shè)計師和開發(fā)人員必備啊。
9.CogTool Win MAC下應(yīng)用程序

CogTool是一個強大原型生成工具,他與別的工具還有一些不同,他可以對你的設(shè)計自動根據(jù)人類認(rèn)知模型進行評估。你可以通過一些圖標(biāo)啊按鈕啊圖片,生成一個描述,然后點擊評估的按鈕,他就會對你的設(shè)計進行人類認(rèn)知模型的評估,他會告訴你一般人需要多久才能理解你的意圖。CogTools有很多用戶引導(dǎo)的文檔,還有很多教程,論壇上也能讓你很快的成長起來。
10.Prototype Composer

Prototype Composer可以讓你在真正的代碼編寫之前就看到網(wǎng)站是如何運行的。以前的那些無數(shù)的文字入口,復(fù)雜的數(shù)據(jù)結(jié)構(gòu)以及技術(shù)含量不低的UML圖,這個工具可以讓你很方便的協(xié)作完成一個看起來能運行的程序。
社區(qū)版本是免費的,他可以讓你以用戶定義的一個項目做一個樣例程序。
11.DUB – DENIM(跨平臺應(yīng)用程序)

DENIM是一個跨平臺的桌面程序。他自己的介紹是為早期網(wǎng)站設(shè)計提供幫助的非正式工具。他有很多理念來自于紙筆設(shè)計原型。你可以快速的畫出草圖,保證重要的功能優(yōu)先。但是跟紙筆的草圖不同的是,他還可以有交互和動畫。
【編輯推薦】