justinmind零基础系列教程之编辑原型

上一篇文章我们讲到了如何创建新原型,那创建完原型之后,我们就该着手编辑原型,这篇文章会介绍如何编辑。

首先,我们来了解下编辑原型界面的主要功能区

justinmind6.0界面

justinmind6.0界面

justinmind6.0主界面中主要有以下几个功能区:

1、工具栏:主要进行部件中文字、背景、线条的编辑及各种返回、格式等操作;

2、部件区:这是你完成一整个原型的零件,通过组合不同的部件,达到你编辑原型的需求;

3、原型编辑区:这是你编辑原型的主战场,在这里进行部件的组合,调整,完成你脑子中原型的样子;

4、原型界面区:一个原型往往会有多个页面组成,在这里是展示你当前整个原型的所有页面列表;

5、部件属性区:每个部件都有自己得属性,比如线条、大小、背景、文本、阴影等,在这里调整部件的样子来达到你原型的需求;

6、数据母版和母版区:数据母版即数据库,这个将单独会介绍,母版即一个通用的模板,主要用于你原型中重复出现得部件,那你可以把这类部件作为母版创建,方便你在不同的页面使用;

7、事件、评论及需求区:事件是原型高保真的基础,一个好的原型,事件的作用应该是排在第一位的,所以这块将会单独介绍,评论和需求是你在制作这个原型时,其他人、同事或领导对原型提出得意见或建议,你可以在原型中记录并最终可导出;

8、当前页面部件列表:一个页面中往往会有很多部件,而部件列表就会让你很容易的找到某个部件,调整部件的层级关系,删除、重复、复制等等部件操作。

知道了各个功能区,那一般情况下我们编辑原型是怎么一个流程呢?下面仅讲述一下我自己在编辑原型的步骤:

1、首先我会从部件区拖动一个部件至原型编辑区;

2、第二步,在原型编辑区通过拉动调整部件大小,添加部件内容(比如文本框部件,就会添加文字),然后到部件属性区去微调部件,比如大小,线条是否有等,到工具栏调整部件内容样式,比如文本颜色,背景等;

3、第三步,对这个部件添加事件。这样简单地三步即完成一个部件的编辑(添加事件也可以等你把当前页面中得部件都添加完了去做,因为很大可能是部件之间的事件);

4、第四步,添加更多地部件至原型编辑区,如果是同类的部件,就可以到部件列表区进行重复或复制操作,如果各个部件之间的层级顺序需要调整,也可以到列表区进行操作;

5、第五步,如已完成当前页的编辑,即可到原型界面区,添加新的页面,然后重复以上步骤;

6、第六步,在导出html之前,请先点击“模拟”按钮,即看一下原型的效果是否达到你所编辑的那样;

7、最后导出html,分享给朋友。

更多教程、问题请加QQ群:374358071讨论。

原文链接:,转发请注明来源!

发表评论

要发表评论,您必须先登录