Balsamiq Mockups——介面原型設計軟體

最近系統設計是需要設計使用者介面原型，在朋友的推薦下使用了Balsamiq mockups（http://www.downloadwarez.org/）軟體，使用簡潔方便，設計介面很有手畫的感覺，現給大家分享一下。

介面

軟體介面由三部分組成

1. 應用程式條，包括菜單，快速添加工具以及編輯工具列，
   • 使用者可以通過功能表項目選擇進行相應的操作
   • 使用者可以在快速添加工具輸入文字框中輸入需要的控制項名，快速添加控制項
   • 在工具列中包含了複製，剪下，粘貼等常用操作，供使用者快捷使用
2. 控制項選擇區，在控制項選擇區使用者可以選擇需要的控制項
3. 工作區，在工作區內，使用者可以對選擇的控制項進行相應的組合，編輯，設計，從而產生設計原型草圖。

簡潔方便

介面友好，可以方便地通過拖拽編輯控制項，修改控制項屬性，並且布局對齊線為使用者布局的整潔性提供了很大的協助。

使用者可以在控制項選擇區中選擇控制項，以拖拽的形式放置在工作區中進行編輯。在工作區中可以通過滑鼠以拖拽的方式快捷改變控制項大小。選中控制項之後，其屬性會以浮動視窗的形式出現在控制項傍邊，使用者可以快捷修改控制項屬性值。

使用者可以方便改變控制項內容，例如Label，Text Input控制項中的文字。包括Table中的內容資訊，修改同樣非常簡單方便。

控制項齊全

Balsamiq為使用者提供了非常齊全的控制項，系統空間分為以下幾類

1. buttons，按鍵類控制項。包含包括Button，check box，radio等。
2. containers，容器類控制項。包括browser window，tab bar，window等常見容器。
3. layout，包括scroll bar，splliter等
4. markup，幾種常用草圖，包括arrow，callout等
5. media，多媒體相關的控制項，包括image，map，vedio player等等。
6. text，文本相關的控制項，包括link，text input，text field，table等。

如果覺得控制項仍然不夠，沒關係，可以從官網上下載更多控制項。

介面效果很好

balsamiq的介面效果有草圖之粗獷的一面，同時又有介面逼真的一面，產生的介面效果美觀，又有手畫的感覺。下面是幾個介面可見一斑

播放器（裝載）

仿wiki（轉載）

仿百度

仿優酷

balsamiq是一個非常優秀的介面原型設計軟體，能夠為軟體設計人員在介面設計時提供協助，節省時間，時間就是金錢啊。