天天看点

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是一个非常优秀的界面原型设计软件,能够为软件设计人员在界面设计时提供帮助,节省时间,时间就是金钱啊。

继续阅读