UI設計軟件Balsamiq Mockups

Balsamiq Mockups出自加利福尼亞州的Balsamiq工做室，創始人Peldi在2008年6月推出了這款手繪風格的產品原型設計工具，並廣受好評。2年多來，Balsamiq工做做爲一個微型獨立軟件開發商，專一於Mockups的開發設計，僅3周便實現了盈利，18個月內銷售額達到200萬美圓，用戶端數量超過10萬個，這與Balsamiq Mockups的市場用戶細分的成功以及產品特性是分不開的。

 

Balsamiq Mockups的用途和價值

在Web產品設計中，Balsamiq Mockups是產品設計師繪製線框圖或產品原型界面的利器。在產品設計的需求階段，低保真的線框圖或者草圖設計介於產品流程設計與高保真DEMO設計之間，在Balsamiq Mockups出現以前，流程圖可使用Visio，高保真DEMO可使用Axure，但咱們並無好用的草圖設計工具；在產品設計管理中，咱們一般在產品的業務流程和數據流轉已經至關明確時纔開始進一步考慮產品的結構層和框架層，雖然此時紙、筆、白板都是很是簡單方便的交流工具，可是他們的最大劣勢就是——很難將有價值的原型保存下來。Balsamiq Mockups的出現完美的解決了這個問題。

 

Balsamiq Mockups的優勢和特點

可存：告別那一堆堆的紙質線框圖吧…
易用：UI控件支持自動拖拽，而且能夠實現自動對齊；
美觀：手繪風格，簡約清爽；
豐富：從按鈕到輸入框，從導航條到頁面、表格，甚至包括了最潮的Iphone元素；
方便：對元素的修改除了工具欄外，還可使用隱藏編輯框，支持快捷鍵；
兼容：可以使用XML語言保存元素，也能夠導出PNG圖片，能夠插入到任何項目；
跨平臺：Windows、Mac OS、Linux下均可以使用，還有能集成在Confluence，JIRA，和XWiki中的版本，對了，若是你沒時間下載桌面版，還能夠直接使用網頁版的Balsamiq Mockups…

Balsamiq Mockups的風險和劣勢

應用範圍：就像以前提到的，Balsamiq Mockups最好用於商用web產品設計中的低保真線框圖或者草圖設計，相對於紙和筆，它不夠靈活；相對於Axure，它不夠精確；

使用語言：暫時沒有英文版的Balsamiq Mockups，雖然相對於用慣國外軟件的產品設計師/前端交互設計師來講，這並非什麼大問題，但畢竟這提到了使用門檻，童鞋們仍是要學好英語；（關於中文漢化版Balsamiq Mockups下面會提到）

價格不菲：79美圓的價格並不適合喜歡的朋友嚐鮮；而對於國內公司而言，在產品設計領域的理念和意識，遠達不到花錢去買一個細分的專業軟件的程度。即使不使用Balsamiq Mockups，地球照樣轉。（關於Balsamiq Mockups的免費方法下面會提到）

 

但經過目前這些軟件繪製原型圖的一個缺陷就是不夠寫意，顯得呆板。尤爲是對於我這種新手而言，使用這些軟件時都顯得本身很笨。學習成本很高，基於 Axure 的培訓班也是收費不菲。最近從一些 Blog 瞭解到一款由 Balsamiq Studios 開發的叫作 Balsamiq Mockups 的原型設計軟件，試用一下就知道有多贊：

• 易操做：從 Balsamiq Mockups 自帶的元素裏能夠很方便地拖拽，效果圖輕易造成；元素對齊很貼心；
• 可偷懶：根據 Balsamiq Mockups 提供的 Wiki 風格的代碼規則，畫圖時能夠「偷懶」，輸入文本符號則能生成圖標。所以相比其它繁瑣的軟件操做，Balsamiq Mockups 也能更快地完成畫圖任務。
• 控件足：Balsamiq Mockups 軟件包括 50 多個控件， 70 多個圖標。基本自帶了全部經常使用的小控件，並在導航處進行分類；圖標設計賞心悅目。要是 Balsamiq Mockups 容許用戶導入自定義的控件就更好了，固然現有的也足夠了 -:)
• 新風格：讓人眼前一亮的塗鴉風格，很能還原手繪效果；
• 可中文：在菜單欄 View 裏將 Use System Fonts 勾上，就能完美支持中文輸入（注：非 Balsamiq Mockups 中文版）；
• 其它點：Balsamiq Mockups 使用 xml 記錄，方便移植、二次利用；可導出爲 png 格式圖片。

另外還有跨平臺與多版本兩個優勢：

• 跨平臺：Balsamiq Mockups 基於 Air ，所以能同時在 Windows、Mac OS 及 Linux 下使用；
• 多版本：包括桌面版本，以及集成於 Confluence、JIRA、XWiki、FogBugz 中的版本；

Balsamiq Mockups 可由 Wiki 風格代碼控制菜單、樹型導航等其它類似控件：