涂鴉風格的產品原型設計工具

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

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

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

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

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

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

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

2. 運行 MockupsForDesktop.air 文件進行安裝

3. 使用 keygen 進行注冊