多语言展示
当前在线:1425今日阅读:26今日分享:39

Mockplus最实用易懂的教程

Mockplus是一款快速原型设计工具,支持包括APP原型在内的多种原型与线框图设计。除了快速,Mockplus广受欢迎更因为它极低的上手门槛。接下来就为大家展示如何用Mockplus完成APP首页的原型设计,新手也能马上掌握哦!
方法/步骤
1

创建项目:打开Mockplus,点击新建项目,选择“手机”项目类型与合适的页面尺寸,点击“确定”即创建成功,是不是不能更简单!无需任何文件创建操作,无需输入任何文字!

2

底部导航栏制作:在左侧图标选项卡中搜索你想要的图标,配合单行文字组件,只需数秒即可完成底部导航栏制作。将图标与单行文字编为组,大小、样式、文字均可编辑。

3

制作原型内容页面:在项目树中新建三个内容页面,在左侧的组件选项卡中搜索需要的组件,拖拽应用即可。

4

“首页”页面用到的组件:形状组件、搜索框组件、图片组件、多行文字组件。“发现”页面用到的组件:形状组件、图片组件、多行文字组件“我的”页面用到的组件:图标组件、多行文字组件、按钮组件

5

使用内容面板快速切换内容:1.拖出内容面板,点击“+”创建3个层,每层分别拖拽链接点连接到三个内容页面。2.将底部导航栏的三个选项依次连接到内容面板的三个层

6

演示与分享:在Mockplus中,你可以通过8中方式演示与分享http://jingyan.baidu.com/article/preview?eidEnc=95c9d20d7e1f12ec4e7561f7

推荐信息