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

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

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

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

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

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

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

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

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

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