原型设计工具-Mockplus的使用(1)
1.原型设计
产品原型可以概括的说是整个产品面市前的一个框架设计。原型设计通过内容和结构展示，以及粗略的布局，说明用户与产品如何进行交互，体现用户所期望看到的内容。
2.原型设计工具
除了手绘原型图，还可以利用原型设计工具进行原型的构建，尤其通过原型设计工具可以演示用户界面的各种交互逻辑，便于修改。
3.Mockplus的使用
Mockplus是一款快速的原型设计工具，通过鼠标拖拽进行链接可以快速实现交互，使用图标和组件可以快速进行界面设计，无需编程。 Mockplus下载地址： https://www.mockplus.cn/download
3.1新建项目
可以选择新建个人项目，也可以新建协作项目。
选择软件的使用平台，还有模板，可以基于模板制作自己的原型，利用模板中已设计好的组件进行修改可以减少很多时间。
3.2组件
- 利用已有的组件进行设计：通过鼠标拖拽组件到相应的页面位置既可以。
- 新建自己的组件库，将自己设计的组件添加到组件库中：
- 选定多个组件
-
右键：合并为组
-
选中组，右键：添加到我的组件库
3.3设置交互
选中组件，拖动方框右上方的圆圈到目标：
- 目标为原组件/其他组件
- 选择点击选中组件时，目标组件的动作
- 目标为其他页面
-
点击时可跳转到目标页面
-
其他交互：在选中组件的右侧工具栏中，点击各属性的数值前的闪电状图标
- 鼠标移动或点击时组件的变化(比如颜色、大小、边框、可见等)
3.4滚动页面、固定组件及返回顶部
滚动页面
-
选择组件库中交互的滚动区组件
-
拖拽组件到页面中对应位置，调整滚动区的大小
-
双击可以编辑滚动区
- 将组件添加到滚动区内，该组件可以跟随滚动，如果没有在编辑滚动区状态下添加组件，则组件不会跟随滚动
- 双击后滚动区显示滚动条，点击滚动条的+号可以扩大滚动区
固定组件
- 在页面下方拖动鼠标将页面拉长，页面右侧会出现两个橙色的标签，改变标签的位置可以选择固定的区域，固定区域中的组件将会固定在当前位置，不会随滚动区域变化
返回顶部
- 添加组件比如向上箭头，拖拽设置交互链接的圆圈到当前页面
- 选择“滚动到”命令
- 在右侧的工具栏选择
