涂鴉風(fēng)格的產(chǎn)品原型設(shè)計(jì)工具

平時(shí)工作中在界面設(shè)計(jì)的時(shí)候，我總是先在紙上畫圖，初步確定后，僅僅用HTML+CSS做出靜態(tài)的界面再次與用戶（主要是其他業(yè)務(wù)部門）確認(rèn)后，再動(dòng)手寫實(shí)際的代碼。

紙上的原型設(shè)計(jì)是經(jīng)常使用（至少我自己）的初期設(shè)計(jì)方式，辦公室里用白板（空間大，而且環(huán)保些）和馬克筆。這種辦法不僅快，能盡早發(fā)現(xiàn)在文字和口頭的溝通上理解不一致的地方，同時(shí)也盡可能減少開(kāi)發(fā)成本和因?yàn)槔斫獠灰恢聦?dǎo)致返工的情況。紙上的原型設(shè)計(jì)在可用性上能起到很大作用，也有專門一本書介紹和探討，這就不多說(shuō)了。

但是這也有它們本身的不足。首先是沒(méi)法很好地保留設(shè)計(jì)和討論的內(nèi)容，我曾經(jīng)嘗試用數(shù)碼相機(jī)把白板上的內(nèi)容拍下來(lái)，但僅僅是為了保留，沒(méi)法有效地在后續(xù)的討論和工作中繼續(xù)使用。

幾年前發(fā)現(xiàn)過(guò)一個(gè)做網(wǎng)站的設(shè)計(jì)草圖的工具軟件，Denim，這是一個(gè)大學(xué)的項(xiàng)目，學(xué)術(shù)性和嘗試性的味道強(qiáng)了些，界面設(shè)計(jì)上有很多新穎的地方，但畢竟不是從每天蹲在“戰(zhàn)壕”中的工程師的角度出發(fā)，玩玩可以，實(shí)際工作上還是不大可能用上。

前陣子發(fā)現(xiàn)了一個(gè)新軟件：Balsamiq Mockups，用下來(lái)發(fā)現(xiàn)它真正抓住了原型設(shè)計(jì)的核心與平衡點(diǎn)，既能快速設(shè)計(jì)草圖，又能比較好地進(jìn)入到平時(shí)團(tuán)隊(duì)工作的流程和工具中，可以說(shuō)是擊中了原型設(shè)計(jì)的Sweet Spot，強(qiáng)烈推薦。

1. 首先下載并安裝 Adobe AIR 運(yùn)行環(huán)境

下載地址： http://get.adobe.com/cn/air/

2. 運(yùn)行 MockupsForDesktop.air 文件進(jìn)行安裝

3. 使用 keygen 進(jìn)行注冊(cè)