养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Mockplus教程

时间:2024-11-11 20:06:59

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

Mockplus教程

工具/原料

mockplus

方法/步骤

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

Mockplus教程

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

Mockplus教程

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

Mockplus教程

Mockplus教程

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

Mockplus教程

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

Mockplus教程

Mockplus教程

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

Mockplus教程

© 一点知识