星期三, 4月 29, 2009

[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 是真的很好用啦 !
-
-

0 回應: