天天看點

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

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

界面

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

軟體界面由三部分組成

  1. 應用程式條,包括菜單,快速添加工具以及編輯工具欄,
    • 使用者可以通過菜單項選擇進行相應的操作
    • 使用者可以在快速添加工具輸入文本框中輸入需要的控件名,快速添加控件
    • 在工具欄中包含了複制,剪切,粘貼等常用操作,供使用者快捷使用
  2. 控件選擇區,在控件選擇區使用者可以選擇需要的控件
  3. 工作區,在工作區内,使用者可以對選擇的控件進行相應的組合,編輯,設計,進而生成設計原型草圖。

簡潔友善

界面友好,可以友善地通過拖拽編輯控件,修改控件屬性,并且布局對齊線為使用者布局的整潔性提供了很大的幫助。

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

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

使用者可以友善改變控件内容,例如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的界面效果有草圖之粗犷的一面,同時又有界面逼真的一面,生成的界面效果美觀,又有手畫的感覺。下面是幾個界面可見一斑

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

播放器(裝載)

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

仿wiki(轉載)

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

仿百度

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

仿優酷

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

繼續閱讀