还原美貌App-原型设计分享
还原美貌App-原型设计分享
一、实验题目：原型设计
二、实验目的：掌握产品原型设计方法和相应工具使用。
三、实验要求
对比分析墨刀、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、主题名称：还原美貌修图app
2、功能介绍：为用户提供了拼图、修图、AI抠图、美颜照相、美颜拍视频、调整图片大小等功能。还有各种不同类型模板供用户使用，也可以让用户发布自己制作的模板，大家互相分享。
3、背景分析：在时代的进化，生活中用户们越来越面貌焦虑，不自信。使用这款软件可以让用户找回自信
4、具体由以下界面构成：
首页
界面组成：上方为设置、搜索框，热门推荐。中间为修图的入口与常用功能。下方为精选模板与页面跳转
界面功能：可把想要修的图片导入，可拍照录视频拼图等。
操作步骤：通过点击导入，选择你想要修的图片，进入编辑修图页面；可以向下滑动浏览多个精选模板；点击最下方“我的”进入个人信息界面，实现页面跳转。
搜索界面
界面组成：由搜索框和热门搜索滤镜一起构成
界面功能：搜索想要用到的滤镜或者滤镜模板
操作步骤：通过点击取消可退回到首页
设置界面
界面组成：由一些功能介绍详细信息一起构成
界面功能：设置权限退出登录
操作步骤：通过点击取消可退回到首页
选图界面
界面组成：由相册中图片和拼图批量修图一起构成
界面功能：选择图片进行修图
操作步骤：通过点击图片进入修图
修图界面
界面组成：由各种修图的功能一起构成
界面功能：选择选择想要的功能进行对图片修改
操作步骤：通过点击下载进行对图片保存
个人资料界面
界面组成：上方是头像与背景图，进行会员开通，中间个人签名与个人喜欢最下方是实现四个的页面跳转。
界面功能：展示自己信息个性，开通会员，展示自己喜欢的模板等
操作步骤：通过点击最下方修图，可跳转到首页，实现页面跳转。
我的资料界面
界面组成：头像，昵称，简介，背景图
界面功能：编辑头像，昵称，简介，背景图。
操作步骤：通过点击取消可退回到个人资料。
修改昵称界面
界面组成：昵称的编辑，昵称颜色，保存
界面功能：修改昵称，设置昵称颜色图案等。
操作步骤：通过点击保存可以成功修改昵称，通过返回可以回到主页面
五、原型演示
视频演示链接：
https://www.bilibili.com/video/BV1pm41127cy/?share_source=copy_web&vd_source=c4339ef73f146be31f2f00322b6e1662
原型链接：https://rp.mockplus.cn/rps/HOlbBc7jR1? 请查看《新项目》
