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

我们进行软件开发的时候首先需要做的就是制作界面原型图, 然后开发人员根据原型图进行代码的编写 。 那么如何制作界面原型图呢?下面小编就给大家分享一下用balsamiq mockups制作原型图的方法 。 东西/材料 balsamiq mockups
操作方式 01 【如何用balsamiq mockups制作软件的界面原型】起首设计原型图之前我们需要先更新一下AIR, 因为balsamiq mockups依靠AIR的情况, 所以要确保AIR情况是最新的, 如下图所示, 一般打开软件的时辰会主动提醒更新

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

文章插图

02 接下来打开balsamiq mockups软件, 我们会看到如下图所示的界面, 设计原型图的时辰直接从原型组件里面拖拽即可

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

文章插图

03 大师在选择原型组件的时辰可以按照组件顶部的分类进行筛选, 如下图所示

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

文章插图

04 然后我们拖动几个组件到画布上, 你会发现很简单的几步就能绘制出一个软件的根基界面, 如下图所示

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

文章插图

05 若是你想更改某一个组件的属性, 好比更改左侧菜单的选中状况, 只需要选中组件, 在右侧属性界面点窜即可, 如下图所示

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

文章插图

06 最后设计完了原型图必然要保留文件, balsamiq mockups设计的原型文件的后缀名同一都是bmpr, 如下图所示

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

文章插图

07 别的良多的公司要求将设计好的原型图直接导出图片, 在balsamiq mockups中只需要点击Project菜单下面的Export选项即可, 如下图所示

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

文章插图



以上内容就是如何用balsamiq mockups制作软件的界面原型的内容啦, 希望对你有所帮助哦!

    推荐阅读