Balsamiq Mockups 入门教程

软工老师上课提到了一个非常神奇的作图软件叫Balsamiq Mockups,用于展示软件项目的UI界面,整体上来说作图过程和PPT十分类似,很容易就能学会,今天我们就来熟悉一下这个软件吧~ ~


1.软件安装


全自动安装~十分省心~~

Balsamiq Mockups 入门教程_第1张图片


紧接着要安装Adobe Air以连接到服务器获取素材资源

Balsamiq Mockups 入门教程_第2张图片


安装完成后Adobe Air提示你要更新,需要先关闭自动启动的Balsamiq Mockups

Balsamiq Mockups 入门教程_第3张图片


完成之后再打开Balsamiq Mockups就好

Balsamiq Mockups 入门教程_第4张图片


至此Balsamiq Mockups的安装就完成啦,快来打开软件看看~ ~

Balsamiq Mockups 入门教程_第5张图片


2.基本操作


画好的界面大概长这样……(从软件的图标就可以看出它的画风惊奇这里写图片描述这里写图片描述这里写图片描述

Balsamiq Mockups 入门教程_第6张图片


Balsamiq Mockups 入门教程_第7张图片

界面介绍
窗口中间是画布,上方是工具栏(支持拖拽和快捷搜索工具),左侧是在不同的画布间进行切换,右边是显示和调整选中控件的参数。


新建控件
在工具栏中找到“Browser”并将其拖拽到画布中

Balsamiq Mockups 入门教程_第8张图片

单机画布空白处显示窗口效果

要想在浏览器窗口中显示文字,我们需要“Title”和“Text”控件,在右上角快捷搜索工具中输入名称以找到该控件,并拖拽到浏览器中
这里写图片描述

双击控件即可编辑内容
Balsamiq Mockups 入门教程_第9张图片


锁定/解锁控件

右键点击控件菜单中第一项可锁定控件,右键点击被锁定控件菜单中第一项即可解锁。


组合/取消组合

选中第一个控件,按住Ctrl选中第二个控件,再按Ctrl+G即可快速组合,再按Ctrl+Shift+G可取消组合

提示:组合状态下双击被组合对象会进入隔离模式(与Adobe Illustrator的隔离模式相同),同时画布左上角出现这里写图片描述导航栏图标,隔离模式下无法选中被组合对象以外的其他控件,此时新建的控件会被自动添加到当前组中,双击画布空白处即可退出隔离模式


保存/导出

Ctrl+S可快速保存工程.bmpr文件,打开时仍然可以编辑
Ctrl+R可快速导出.png图片, 不可编辑仅可查看


其他控件及更多内容请参考~ ~

http://download.csdn.net/detail/qq_32962727/9765571

你可能感兴趣的:(ui,软件,界面,教程,UI)