一、实验题目：原型设计
二、实验目的：掌握产品原型设计方法和相应工具使用。
三、实验要求
（1）对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点（至少3条）。
（2）利用网络资源自学Mockplus或墨刀等原型设计工具，并利用原型工具自拟主题进行原型设计。主题可以是高校二手交易平台、高校社团、在线听歌、老年手机、家庭相册管理等。
四、原型设计工具优缺点分析
1、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点
墨刀、Axure和Mockplus都是流行的原型设计工具，它们各自在适用领域和优缺点上有所不同。
墨刀：
· 适用领域：墨刀特别适用于快速原型设计和高保真度的交互设计，尤其在移动端应用、小程序等交互设计方面表现出色。
· 优点：
· （1）墨刀操作相对简单，易上手，支持多种设计元素和交互效果。
· （2）它支持在线协作，可以直接在设计过程中与开发人员进行交流
· （3）墨刀还自带了许多成熟的组件，例如键盘、开关、手机模型等，使得设计过程更加便捷。
· （4）墨刀支持云存储和文件同步，使得设计更加方便。
· 缺点：
· （1）墨刀的一些高级功能需要收费，而且页面数量有限制，可能不适用于大型项目。
· （2）对于复杂的交互效果，可能需要进行定制开发。
· （3）另外，墨刀必须在线操作，离线无法保存，这可能会给一些用户带来不便。
Axure：
· 适用领域：Axure则更适合用于设计大型的Web应用程序，它的功能全面且强大。
· 优点：
· （1）Axure包含了几乎所有的效果，素材库也很丰富，可以满足各种设计需求。
· （2）Axure具有原型演示功能，有助于前端设计师和后端程序员更好地理解原型产品。
· （3）Axure作为一种通信工具，可以节省开发人员、企业业主和可用性测试人员之间的时间和金钱。
· 缺点：
· （1）Axure的学习成本较高，不易上手，需要一段时间的系统学习才能掌握。
· （2）Axure只限于在本地进行设计，不支持在线协作和云存储，这可能限制了其在一些场景下的应用。
Mockplus：
· 适用领域：Mockplus则更适合快速创建中小型项目的原型。
· 优点：
· （1）Mockplus易于上手，功能也较为齐全。
· （2）它支持组件库和图标库，使得界面设计较为方便。
· （3）Mockplus支持实时手机预览，可以方便地在手机上查看和测试原型。
· 缺点：
· （1）Mockplus的功能相比其他工具可能还不够完善，例如在手机上的预览有时会出现问题。
· （2）虽然Mockplus易于上手，但对于复杂的设计需求，可能还需要其他工具的辅助。
墨刀适用领域： 和他人在云端进行线上实时协作，完成多端同时登录，极大减少繁琐的操作和沟通成本。界面简洁，可以进行网页设计即跨平台操作。
墨刀优点：
（1）组件库内置丰富原型组件及页面的素材模式，包含基础、高级、发现三个分类。
（2）大量常见交互组件已经封装，可以直接使用，非常方便快捷。
（3）快捷高效地输出一个高保真模型。时间短、质量高，高保真模型的设计规范应有尽有。
（4）一键预览，可以在预览中操作所有交互。功能稳定，极少发生无法预览的情况。
墨刀缺点：
（1）和他人在云端进行线上实时协作可能会遇到多种问题例如网络。
（2）功能简单，只适用简单操作。
（3）交互功能不够完善。
Axure适用领域：大型复杂原型设计和交互性项目。利用原型图的设计规范，再进行优化，可以输出要求过高的高保真模型。
Axure优点：
（1）满足各种输出高保真原型图的需求。
（2）快速测试UI元素和交互。不用从头开始一步一步做交互效果，提高工作效率。
（3）工具可以使用上手性强，原型图输出更为方便快捷，操作也更加流畅。
Axure缺点：
（1）需要学习大量教程慢慢积累交互设计的操作。
（2）无法一键分享，需要通过自建服务器或托管服务器进行预览和分享。
（3）存储于本地，无论是分享还是合作都需要进行本地传输。下载Axure团队版可以实现多人协作，但是还是依赖局域网，不能够在其他网络下使用。
Mockplus适用领域：Mockplus是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。
Mockplus优点：
（1） 界面设计较为方便。
（2）有原型演示，可以帮助前端设计师、后端程序员更好地理解你的原型产品。
（3）有丰富的组件和模板。
Mockplus缺点：
（1）一些功能相对有限，还需完善。
（2）不支持鼠标悬停和手势交互。
（3）设计不够灵活，文档支持欠缺。
五、****实验过程
前言：现代社会的职住分离现象逐渐增多，使得上班一族对外卖的需求逐渐增加。这为外卖行业的发展提供了广阔的市场空间。其次，互联网技术的快速发展为外卖平台的兴起提供了技术支持。互联网的高效数据处理能力使得大型外卖平台在技术上成为可能。通过网络平台或手机应用点餐，餐厅或外卖平台能够将食物送到顾客指定地点，这种便捷性深受消费者欢迎。
1、主题名称：原型设计：高仿美团外卖小程序
功能：无需下载和安装：美团外卖小程序可以在微信或其他主流社交媒体平台上直接使用，无需进行额外的下载和安装步骤，节省了用户的时间和手机存储空间。轻便简洁：与App相比，小程序的界面更加简洁，不会有过多繁杂的功能和操作。实时跟踪订单状态：小程序提供实时跟踪订单状态的功能，让用户可以随时了解订单的更新信息，增加了用户对于订单进度掌控感。用户可以在小程序内一键评价订单，包括餐品质量、服务质量等，同时支持历史订单的查询功能，方便用户随时查找所需订单信息。多种支付方式：支持支付宝、微信支付、信用卡等多种支付方式，方便用户快速完成支付。智能推荐与促销活动：美团外卖小程序还具有智能推荐和促销活动等功能，能够根据用户的偏好和历史订单信息推荐合适的餐厅和菜品，同时提供各类促销和优惠活动，增加用户的订餐乐趣和实惠感。
小程序总体实现：实验选题为高仿美团外卖小程序，软件的主要功能为用户可以通过输入餐厅名称、菜品名称或关键词来搜索附近的餐厅。小程序会显示餐厅的详细信息，包括菜单、价格、用户评价、营业时间等，方便用户浏览和选择，满足了上班一族等人群对外卖的需求。以下是该小程序的主要界面及其功能、界面组成、前置条件、后置条件和操作步骤的简单说明：
首页界面
(1)功能：根据用户需求进行选择，有美食、甜点饮品等选项。
(2)界面组成：搜索框、具体定位、选择选项、为你优选、推荐美食。
(3)操作步骤：用户可以通过输入餐厅名称、菜品名称或关键词来搜索附近的餐厅。小程序会显示餐厅的详细信息，包括菜单、价格、用户评价、营业时间等，方便用户浏览和选择。
搜索界面
(1)功能：根据用户需求进行选择，有美食、甜点饮品等选项。
(2)界面组成：搜索框、历史搜索、推荐搜索
(3)操作步骤：搜索页面会有推荐餐厅、用户可以通过历史搜索找到之前记录，方便用户浏览和选择。
订单界面
(1)功能：根据用户需求进行选择，有全部、待付款、待取餐、待评价等功能。
(2)界面组成：搜索框、各种订单完成情况、退款情况。
(3)操作步骤：点全部就会出现自己所有的订单详情，根据消费者需求点某个选项。
个人中心界面
(1) 功能：用户管理个人信息、订单和偏好设置的核心区域。这个界面设计得既简洁又实用，方便用户快速访问所需的功能和信息。
(2)界面组成：个人中心界面的顶部通常会展示用户的头像和用户名，作为身份标识。点击头像或用户名，用户可以进入个人信息编辑页面，修改头像、昵称等个人资料。接下来，界面会展示一系列的功能入口和信息模块。其中，订单管理是一个重要的功能，用户可以查看自己的全部订单，包括待支付、待接单、待配送、已完成等状态的订单。通过点击相应的订单，用户可以查看订单详情、配送状态、骑手信息等。
(3)操作步骤：小程序的个人中心界面是一个功能丰富、操作便捷的区域，为用户提供了全面的个人信息管理和订单管理服务。
