我们进行软件开发的时候首先需要做的就是制作界面原型图,然后开发人员根据原型图进行代码的编写 。那么如何制作界面原型图呢?下面小编就给大家分享一下用balsamiq mockups制作原型图的方法 。
工具/材料【如何用balsamiq mockups制作软件的界面原型】balsamiq mockups
操作方法01、首先设计原型图之前我们需要先更新一下AIR,因为balsamiq mockups依赖AIR的环境 , 所以要确保AIR环境是最新的 , 如下图所示,一般打开软件的时候会自动提示更新
02、接下来打开balsamiq mockups软件 , 我们会看到如下图所示的界面,设计原型图的时候直接从原型组件里面拖拽即可
03、大家在选择原型组件的时候可以根据组件顶部的分类进行筛?。缦峦妓?
04、然后我们拖动几个组件到画布上,你会发现很简单的几步就能绘制出一个软件的基本界面,如下图所示
05、如果你想更改某一个组件的属性,比如更改左侧菜单的选中状态,只需要选中组件 , 在右侧属性界面修改即可,如下图所示
06、最后设计完了原型图一定要保存文件,balsamiq mockups设计的原型文件的后缀名统一都是bmpr , 如下图所示
07、另外很多的公司要求将设计好的原型图直接导出图片,在balsamiq mockups中只需要点击Project菜单下面的Export选项即可,如下图所示
推荐阅读
- 如何在ps中制作一张印刷折页?
- 固机片是如何把机芯卡住的
- 我国肉用家禽是如何构成的
- 如何在PS中做药盒包装?
- 如何设计地毯效果图?
- 如何在京准通里删除京任务
- Firefox浏览器如何剪辑保存到OneNote?
- 如何设置Access数据表之间的关系
- 在Access中如何合并两个数据表中的数据
- 如何启用BitLocker 驱动器加密服务