如何用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选项即可,如下图所示

  • End
  • 发表于 2018-08-11 00:00
  • 阅读 ( 724 )
  • 分类:电脑网络

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具