首页>动态 >内容

如何用balsamiq mockups制作软件的界面原型

动态2021-02-28 10:00:53
最佳答案 工具 材料 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选项即可,如下图所示

以上内容就是来自于小编为大家分享的关于如何用balsamiq mockups制作软件的界面原型方面的知识,同时也希望小编所为大家分享的知识能够为大家起到帮助,那么如果大家还想要了解更多关于其他方面的知识,也欢迎小编对站长进行留言,我们将会听取用户们的建议,让本站越做越好。

免责声明:本文由用户上传,如有侵权请联系删除!