实验一-原型设计 微信卡包页面
微信卡包页面-原型设计分享
一、实验题目：原型设计
二、实验目的：掌握产品原型设计方法和相应工具使用。
三、实验要求
对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点（至少3条）。
1.墨刀：
~适用领域：墨刀适用于快速原型设计和协作，特别是在移动应用和网页设计方面。它提供了丰富的元素库和易于使用的界面，适合设计师、产品经理和开发团队之间的快速迭代和交流。墨刀，可以说是专为移动端产品原型设计而生。它的免费版本自带的部件、交互、功能，基本上能满足移动端产品原型的设计要求，并且墨刀的控件都是基于APP，以及系统平台IOS和安卓，因此在创建项目时可以首先选择相应的设备布局，减少了不少工作环节。
优点：
（1）原型区提供了许多兼具实用性与美感的高级组件，类型涵盖基础图标、页面、按钮、导航栏、弹窗、动态轮播、各式下拉菜单等。
（2）可以在素材广场中搜索不同类型的组件直接添加到本地，拖拽即可复用。进行原型编辑时可直接拖动链接区域的小闪电图标到跳转页面。
（3）拖拽一下，就能实现页面跳转效果，动作+目标+动效，交互逻辑清晰可见。用户界面简洁直观，易于上手；
（4）具有丰富的元素库和模板，可以快速搭建原型；支持多人协作，便于团队合作。
缺点：
（1）目前原型的交互效果系统自带的还比较少，但基本满足日常所有原型的使用。
（2）相对较简单，对于复杂交互和动效的支持不如其他工具；
（3）在大型项目中可能会遇到性能方面的限制。需要充费才能够使用更强大的共享创建功能。
（4）效果切换因为是采用连线的方式，有时候会让使用者脑子错乱的感觉。并且目前原型的交互效果系统自带的还比较少。
2.Axure：
适用领域：Axure适用于较复杂的原型设计和交互效果模拟，特别是在企业级应用和软件设计方面。它提供了丰富的交互组件和行为定义功能，能够较为真实地模拟用户操作体验。
优点：
（1）功能强大，支持复杂的交互和动效设计。
（2）可导出高保真原型，便于与开发团队进行沟通和交流；
（3）具有丰富的扩展和定制能力，满足不同项目需求。
（4）使用成本很低
缺点：
（1）Axure的动态面板、中继器等功能都是强大的，但是不容易搞懂。
（2）AXURE的素材也是很蛋疼的问题，大部分PM 都会在AXURE原型库、素材库去寻找相应的第三方素材库，进行载入，需要花费相应的时间。
（3）学习曲线较陡峭，需要一定的时间和精力来掌握其高级功能；界面相对复杂，不够直观；较高的价格可能对个人用户和小团队不太友好。
（4）手机端演示效果差，服务器不在国内，自带元件库用处不大等。
Mockplus：
适用领域：Mockplus适用于中等复杂度的原型设计和快速迭代，特别是在小型团队和个人项目中较为流行。它注重简洁易用的界面和快速搭建原型的能力。
优点：
（1）界面简洁，易于上手；拥有丰富的预设组件和模板，可以快速搭建原型；
（2）支持多平台导出和在线分享，便于团队协作和反馈。
（3）mockplus有组件库和图标库，界面设计较为方便。
缺点：
（1）相对于其他工具，功能和定制能力较为有限；
（2）在复杂交互和高保真原型方面表现不如一些专业工具；缺乏一些高级功能和扩展性。
四、实验步骤
1、主题名称：微信卡包页面
2、功能介绍：为用户提供使用交通卡，会员卡，礼品卡和票券的使用
3、背景分析：在电子化的时代，各种卡片都已经不需要随身携带，在微信里即可使用，大大增加了用户的方便程度。
4、具体由以下界面构成：
（1）首页
界面组成：上方为退出和详情选项，下方有四个选项，可以根据需求进入各种卡的使用
界面功能：可以查看自己所拥有卡类并使用
操作步骤：点击您想使用的卡类的右侧箭头即可使用
。
（2）详情界面
界面组成：由快捷工具，热门问题与问题分类组成
界面功能：可以查看历史卡券记录与查看各类问题
操作步骤：点击所需求的界面即可进入
（3）会员卡界面
界面组成：由各类会员卡组成
界面功能：可点击查看所拥有的会员卡并使用
操作步骤：单击
（4）交通卡界面
界面组成：由欢迎使用交通卡组成
界面功能：可点击查看所拥有的交通卡并使用
操作步骤：单击开始使用
（5）券和礼品卡界面
界面组成：由各类券与礼品卡卡组成
界面功能：可点击查看所拥有的会员卡并使用
操作步骤：单击
（6）票证界面
界面组成：由发票和证件组成
界面功能：可点击查看所拥有的发票，可以添加证件
操作步骤：单击!
五、原型演示
视频演示链接：【摹客-哔哩哔哩】 https://b23.tv/0RdHSJY
原型链接：https://rp.mockplus.cn/run/y18HMw98Wx/0zHGqOdMxt?cps=expand&rps=expand&nav=1&ha=0&la=0&fc=1&dt=iphoneX&out=0&rt=1&as=true