Balsamiq Mockups 入门教程

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

---

1.软件安装

---

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

---

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

---

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

---

完成之后再打开Balsamiq Mockups就好

---

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

---

2.基本操作

---

画好的界面大概长这样……（从软件的图标就可以看出它的画风惊奇）

---

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

---

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

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

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

双击控件即可编辑内容

---

锁定/解锁控件

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

---

组合/取消组合

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

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

---

保存/导出

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

---

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

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