最近系統設計是需要設計使用者界面原型,在朋友的推薦下使用了Balsamiq mockups(http://www.downloadwarez.org/)軟體,使用簡潔友善,設計界面很有手畫的感覺,現給大家分享一下。
界面
軟體界面由三部分組成
- 應用程式條,包括菜單,快速添加工具以及編輯工具欄,
- 使用者可以通過菜單項選擇進行相應的操作
- 使用者可以在快速添加工具輸入文本框中輸入需要的控件名,快速添加控件
- 在工具欄中包含了複制,剪切,粘貼等常用操作,供使用者快捷使用
- 控件選擇區,在控件選擇區使用者可以選擇需要的控件
- 工作區,在工作區内,使用者可以對選擇的控件進行相應的組合,編輯,設計,進而生成設計原型草圖。
簡潔友善
界面友好,可以友善地通過拖拽編輯控件,修改控件屬性,并且布局對齊線為使用者布局的整潔性提供了很大的幫助。
使用者可以在控件選擇區中選擇控件,以拖拽的形式放置在工作區中進行編輯。在工作區中可以通過滑鼠以拖拽的方式快捷改變控件大小。選中控件之後,其屬性會以浮動視窗的形式出現在控件傍邊,使用者可以快捷修改控件屬性值。
使用者可以友善改變控件内容,例如Label,Text Input控件中的文字。包括Table中的内容資訊,修改同樣非常簡單友善。
控件齊全
Balsamiq為使用者提供了非常齊全的控件,系統空間分為以下幾類
- buttons,按鍵類控件。包含包括Button,check box,radio等。
- containers,容器類控件。包括browser window,tab bar,window等常見容器。
- layout,包括scroll bar,splliter等
- markup,幾種常用草圖,包括arrow,callout等
- media,多媒體相關的控件,包括image,map,vedio player等等。
- text,文本相關的控件,包括link,text input,text field,table等。
如果覺得控件仍然不夠,沒關系,可以從官網上下載下傳更多控件。
界面效果很好
balsamiq的界面效果有草圖之粗犷的一面,同時又有界面逼真的一面,生成的界面效果美觀,又有手畫的感覺。下面是幾個界面可見一斑
播放器(裝載)
仿wiki(轉載)
仿百度
仿優酷
balsamiq是一個非常優秀的界面原型設計軟體,能夠為軟體設計人員在界面設計時提供幫助,節省時間,時間就是金錢啊。