多语言展示
当前在线:429今日阅读:126今日分享:42

Mockplus教程

我们在设计简单的APP或者网页,都是需要做一个简单的线框图的,而mockplus是一个很好用的制作线框图的软件,那么mockplus怎么用呢?
工具/原料

mockplus

方法/步骤
1

首先我们需要安装mockplus的客户端,其实在Web也可以制作,不过客户端方便一下。然后点击进入,可以选择新建一个项目,也可以看他的一些例子学习一下别人的设计

2

新建之后,会进入一个选择界面,上面是各种型号的选择,手机还是pad或者网页版,还分为mac和windows,可以自行选择,也可以自定义尺寸

3

点击mockplus,可以看到有选项部分,可以进入这个选项进行整体上面的设计,比如UI的透明度,背景颜色等。通过设置让自己设计更为顺心

4

然后可以看到左边会有两个部分,一个是各种各样的部件,一个编辑的地方。可以根据自己的需要把部件拉到自己需要的地方。

5

拉好部件之后,可以根据需要进行备注说明,可以点击小闪电进行超链接,也可以进行尺寸上面的设置。

6

左边是各种各样的页面,我们可以根据自己的需要进行页面链接的设置。注意mockplus只允许页面跳转而不允许部件跳转,好了之后,点击上面的运行,一个APP线框图就生成了

注意事项

如果你觉得对你有帮助,请给我投一票谢谢!~

推荐信息