摩客学习笔记

一、关于摩客

1. 简介

摩客（Mockplus）原型图设计工具是一个可以帮助设计师设计原型图的工具，提供简洁高效的原型设计体验，适合软件团队、个人在软件开发的设计阶段使用。其具有低保真、无需学习、快速上手、功能够用等多种特色，并能够很好地表达自己的设计。

2. 功能特色

全新的主辅画板模式，可以灵活创建不同的交互效果。
支持多人同时在线编辑同一项目，共同完成APP原型设计。
自带钢笔工具、铅笔工具、布尔运算、响应式布局等特色功能，设计创作自由随心
支持页面交互、状态交互、命令交互，以及设置多种触发方式和曲线，快速制作交互原型。
设计稿中支持直接绘制流程图，清晰呈现项目逻辑。

3. 适用情景

中高保真原型，快速原型，WEB/移动端/平板原型，线框图，视觉稿等。

4. 小结

摹客原型设计采用基于Web的全新架构，不需要下载安装，不受设备系统的限制，通过浏览器即可快速进行原型设计。摹客原型自带钢笔、铅笔等矢量工具，可帮助用户自由完成设计。设计完成后可以和团队成员无缝协作，轻量设计还能直接交付开发，真正实现“从创意到落地”。当然，摹客原型设计也提供桌面客户端（Windows Vista/7/8/10）、移动APP下载以及微信小程序，非常方便多场景使用。

二、下载安装

1. 下载

通过官网下载地址： https://www.mockplus.cn/download/mockplus 即可免费下载。

2. 安装

这个软件安装非常简单，双击安装包后直接点击立即安装即可，若不想安装到C盘，选择右下角自定义安装到指定目录下即可。

三、简单使用--手机APP快速原型设计

初次打开软件时，首先得先注册一个账号，登陆后就可以正常使用了。

1. 创建项目

Mockplus有个人项目和协作项目两种，这里我选择个人项目作为演示。如图所示，项目类型也有多种，根据需要这里选择手机项目，然后选择合适的页面尺寸，点击“创建”即创建成功。
导航栏制作：如图所示，在界面左侧图标选项卡中搜索想要的图标，配合单行文字组件，拖拽到中间页面，即可完成底部导航栏制作。将图标与对应单行文字选中，右键合并为组，大小、样式、文字等均可在页面中或界面右侧编辑设置。如图是做好的底部导航栏。
制作原型内容页面：在项目树中新建三个内容页面，在左侧的组件选项卡中搜索需要的组件，拖拽应用即可，为简单演示仅在三个页面添加说明文字。
使用内容面板快速切换内容：
a. 拖出内容面板，点击“+”创建3个层，每层分别拖拽链接点连接到三个内容页面。
b. 将底部导航栏的三个选项依次连接到内容面板的三个层。
演示与分享:如图所示，点击相应按钮，即可将自己设计的原型进行演示或分享。