2011年8月27日 星期六 | By: 雞米

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


在進行系統開發時,常常需要針對需求把系統雛型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設計更有效率。


這套軟體能夠簡單、快速產出精美的手繪風格的UI設計,相信對於常常需要UI設計的人會很有幫助,唯一缺點是它是套需要付費的軟體(試用期七天),建議常常需要畫UI的人可以試試看。
軟體下載網址:http://balsamiq.com/products/mockups

0 意見:

張貼留言