[軟體] 好用的介面(UI)設計軟體-Balsamiq Mockups

- 8月 27, 2011

在進行系統開發時，常常需要針對需求把系統雛型UI畫出來，以方便進行討論，由於沒有找到什麼很好的工具，所以常常是紙筆或是簡報軟體上面概略的示意，如果遇到需要修改時，通常沒辦法很方便快速的進行修改，當調整幅度大時，甚至是整張重畫，效率不是很好。

Balsamiq Mockups是一套用Adobe AIR所開發的介面設計軟體，其主要宗旨是為了讓開發者能夠更專注於系統功能面上的設計，減輕介面設計過程所造成的負擔。

簡單快速的介面設計

它內建了很多種常見的UI元件，使用者可以很輕鬆的以Drag and drop的方式把元件放置在畫面上，我覺得更棒的是它可以針對那個元件的小細節進行調整，例如：視窗title bar佔整個視窗的比例、AlertDialog下面的按鈕數目、DataGrid的欄位型態、iPhone是直式瀏覽還是橫式…等等，你只需要修改UI元件的資料型態參數，就以動態且快速的調整元件呈現效果。

Link功能提供生動的系統雛型展示

Balsamiq Mockups裡的元件都具有Link的功能，它的主要用途就是將不同功能的UI進行串聯，對於需要進行雛型展示時，你可以像是操作真的系統一般，簡單的呈現系統整個使用流程。

快速分享溝通

這套系統提供了相當多種Export方式，除了一般常見的匯出文件檔(PNG、PDF、XML)之外，它還可以透過結合Dropbox的雲端儲存空間進行文件共編，第三方也有提供plug-in讓Balsamiq Mockups設計的UI嵌入Wiki page。

社群共創UI元件

這是Balsamiq Mockups另一項的優點，這套軟體有一群社群成員分享各個應用領域常見的UI元件，你可以針對自己的需求到Community尋找適合的素材，像軟體內建並沒有Android的UI件，只要到社群搜尋關鍵字，就會找到一些跟Android相關的元件，讓UI設計更有效率。