我们在开发软件的时候,首先需要做的就是制作接口的原型图,然后开发人员根据原型图编写代码。那么如何制作界面原型呢?下面的小系列将与你分享用balsamiq模型制作原型图的方法
我们在开发软件的时候,首先需要做的就是制作接口的原型图,然后开发人员根据原型图编写代码。那么如何制作界面原型呢?下面的小系列将与你分享用balsamiq模型制作原型图的方法。
需要准备的物品
balsamiq模型
详细介绍方法/步骤
首先,我们需要在设计原型图之前更新air,因为balsamiq实体模型依赖于air环境,所以我们必须确保air环境是比较新的,如下图所示,当软件打开时,它会自动提示更新。
接下来,打开balsamiq实体模型软件,我们会看到如下图所示的界面。设计原型图时,可以直接从原型组件中拖放。
当您选择原型组件时,您可以根据组件顶部的分类进行过滤,如下图所示
然后我们把几个组件拖到画布上,你会发现一个软件的基本界面可以通过几个简单的步骤画出来,如下图所示
如果要改变某个组件的属性,比如改变左边菜单的选中状态,只需要在右边的属性界面选择组件并进行修改,如下图所示
原型图比较终设计完成后,必须保存文件。balsamiq实体模型设计的原型文件的后缀名称都是bmpr,如下图所示
许多其他公司要求将设计的原型图直接导出为图片。在balsamiq模型中,您只需要单击“项目”菜单下的导出选项,如下图所示