黄楼生活网免费搜集分享生活中实用的生活小常识,生活小窍门,生活小妙招等生活常识百科大全,帮助解决生活中的难题,为您提供多样化信息丰富您的生活.欢迎收藏!

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

发布:黄楼生活网2020-12-06 17:56:06分类: 玩转数码

{导读}本文主要讲述关于如何用balsamiq mockups制作软件的界面原型的内容, 本文有325个文字,预计阅读时间2分钟。

我们进行软件开发的时候首先需要做的就是制作界面原型图,然后开发人员根据原型图进行代码的编写。那么如何制作界面原型图呢?下面小编就给大家分享一下用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制作软件的界面原型「已解决」,希望对大家有所帮助,了解更多问题欢迎关注黄楼生活网!

站长不易,多多少少是点心意

微信二维码扫码支付支付宝二维码扫码支付
温馨提示如有转载或引用以上内容之必要,敬请将本文链接作为出处标注,谢谢合作!
郑重声明本文版权归原作者所有,如有信息标记有误,请第一时间联系我们修改或删除,多谢。
扫描二维码

欢迎使用手机扫描访问本站