[Software] Balsamiq Mockups - 人性化的介面塑模工具

-
上個月在噗浪上認識了 fOx，讀了他的部落格，其中一篇文章很有意思，是 Balsamiq Mockups 的介紹。

的確，在規劃網站版面或軟體 UI 時，用 Visio、Photoshop 在那邊努力地刻劃出一個像樣的雛型是很麻煩的工作，我個人反倒比較偏好用 Microsoft Powerpoint 2007，內建的圖形工具可以簡單地製作出漂亮又有質感的圖案，但內附的圖庫與版面畢竟是簡報用，與介面設計的需求相差甚遠，常為了作出效果微調很久。

Balsamiq Mockups 這軟體名字有點饒舌，卻適切地切入了 UI design 的市場，只要拖一拖、拉一拉，頂多滑鼠點兩下編輯，讓使用者以很直覺的方式作出手繪風的 UI。

▼ Balsamiq Mockups 軟體介面，相當清爽

一張截圖勝過千言萬語，不過 youtube 風行後，NPNT (沒圖沒真相) 應該要改成 NVNT (沒影片沒真相) 了，Balsamiq 提供了一看就懂的操作影片。

Balsamiq Mockups 提供了方便的全螢幕模式，可以用大大的藍色箭頭解說或討論，意外好用的功能。

除了軟體內建的元件庫之外，還有不少免費的元件和模版下載，詳情看 這邊。比如說下圖的 Wordpress 和 flickr 版面，是不是跟真的很像?

▼ wordpress layout

▼ flickr layout

Mockups 是以 Adobe AIR 技術開發的，因此安裝前需先裝 Adobe AIR，跟裝 flash player 差不多，不會太痛的 (誤)。Mockups 試用版請到 這邊，點那個笑臉安裝，至本文完成時，最新的版本是 April 18, 2009。

Mockups 的介面是全英文的，不過元件都是圖形，操作上應該沒有什麼困難才是。要輸入中文的話，勾選下圖中的選項即可。

▼ 啟用系統字型就可以輸入中文

試用版無使用期限，但不能存檔或輸出圖片，外加每五分鐘出現一次小視窗，買一套正版的售價... US$79，不過這家公司很有佛心，提供了很多種可以 免費取得序號的管道，像是從事高中教職啦，從事開源專案之類的，都可以免費申請到序號哦~ 詳情請洽 Balsamiq 官網。或是....寫一篇圖文並茂、大力讚揚的文章幫 Mockups 宣傳 (沒錯，這正是我寫這篇的原因)。


雖然這篇文章算是廣編稿，不過 Mockups 是真的很好用啦 !
-
-