实验一

一、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点（至少3条）。
1.墨刀
适用领域：
墨刀适用于一些简单，快速的在线原型设计工作，设计便捷，协同办公效率高；但是使用界面免费有限页面数量，和受网络影响可能导致页面丢失让墨刀下降了一个层次，通过Axure对比，原型末班不像Axure那么丰富。
优点：
容易上手，界面很简单明了一些，和PPT类似左面是自己的项目页面右面是对项目添加的一些操作；
可以直接生产分享链接和二维码，同时能自动形成页面流程图。
支持团队协作。
缺点：
必须在线操作，离线无法保存文件。
不适合做文档，只适合做交互设计。
免费版对于使用程度用很大限制。
2.Axure
适用领域：
Axure作为一款专业的快速原型设计软件，其实在功能上是十分齐全的，并且交互的样式也比较多样，主要是通过动态面板、函数、中继器等几个模块就几乎可以实现任何常见的交互效果，所以说Axure在制作PC端原型图上是占有非常强大的优势的；除此之外，Axure还拥有强大的编辑功能，使得所制作的原型更具生动化！还可以将常用的交互和组件进行打包。
优点：
Axure功能最齐全，交互最多样，基本任何想要的效果都可以实现，尤其在制作PC端原型图上有优势。
应用灵活，可拓展性强，拥有超级强大的交互制作能力。
项目共享功能，方便同事间同步工作，保留所有工作历史。
缺点：
Axure的动态面板、中继器等功能都是强但不易搞懂。
AXURE的素材大部分PM都会在AXURE原型库、素材库去寻找相应的第三方素材库，进行载入。需要花费相应的时间。
价格相对较高。
3.Mockplus
适用领域：
Mockplus（摹客）是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。
优点：
基础版免费使用，操作简单，上手快，交互简单(只需拖曳就可以)。
功能多样，组件资源丰富，预览方式和导出类型多样，支持团队协作。
有原型演示，可以帮助前端设计师、后端程序员更好地理解你的原型产品；Mockplus有组件库和图标库，界面设计较为方便。
缺点：
不支持鼠标悬停。
手机预览不是很清楚。
日历表组件是静态的。
表格功能还需要完善。
二、利用网络资源自学Mockplus或墨刀等原型设计工具，并利用原型工具自拟主题进行原型设计。
以下是以KeepApp为原型的原型设计。Keep是一款运动健身类APP，同大多数同类APP一样，该APP有个人身体健康管理，大量运动健身类视频，同时能实时记录运动相关数据。
界面设计分为五个部分：登录、首页、计划、运动、商城、我的六个界面功能。
登录：

图一 密码登录界面

图二 手机号登录界面

图三 验证码登录界面

界面功能：上图为登录功能，有多种方法可进行登录，密码登录或者手机号登录，如果用手机号进行登录，则会发送验证码，输入后登录。
前置条件：登录成功后默认显示首页。
后置条件：用户可选择简单浏览或跳转到其他页面。
操作步骤：可在界面选择登录方式，点击对应的按钮可跳转到对应的界面

首页：

图四 首页界面

界面功能:上图为首页，可进行搜索，下方有推荐内容，关注以及热门内容可进行浏览。最下方按钮可进行五个主要界面的跳转，用户可以根据需要进行跳转。
前置条件：进入系统后默认显示首页。
后置条件：用户可选择简单浏览或跳转到其他页面。
操作步骤：可在上方搜索想要观看的内容，也可点击推荐内容进行页面跳转，点击下方导航栏按钮可跳转到对应的界面。
计划：

图五 计划界面

界面功能:上图为计划界面，可以根据自身信息获取免费计划。
前置条件：从首页或导航栏跳转到计划页面。
后置条件：用户可以获取计划。
操作步骤：点击按钮可跳转到对应的界面。
运动：

图六 运动界面

界面功能:会根据你近期的运动偏好推荐，可以点击感兴趣的内容进行锻炼。
前置条件：从首页或导航栏跳转到运动页面。
后置条件：用户可以点击运动视频进行跟练。
操作步骤：点击按钮可跳转到对应的界面。
商城：

图七 商城界面

界面功能:商城中有各种各样的健身商品可以选择购买，可以选择有需要的进行购买。上方有搜索栏，可以搜索想要购买的商品。
前置条件：从首页或导航栏跳转到商城界面。
后置条件：用户可以点击商品进行查看。
操作步骤：点击按钮可跳转到对应的界面。
我的:

图八 "我的" 界面

界面功能:显示我的个人信息，运动数据以及健康数据，还有开通会员以及消息等功能。
前置条件：从首页或导航栏跳转到我的页面。
后置条件：用户可以查看和管理个人信息，进行信息修改和登录切换。
操作步骤：点击按钮可跳转到对应的界面
三、界面切换流程说明

图九 流程切换图