数码甜鱼——二手数码产品交易平台“主页页面”

原型设计工具比较及实践

一、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点

1、墨刀：敏捷协作与快速原型首选

适用领域

1. 中小型项目与初创团队：适合快速验证产品概念，例如电商APP、H5活动页等需要短周期迭代的场景。
2. 移动端优先设计：内置iOS/Android组件库，支持一键生成手机预览二维码，适配移动端交互（如手势滑动、弹窗）。
3. 远程团队协作：云端实时同步功能支持多人在线编辑、评论和版本回溯，适合分布式团队。

核心优点

1. 零门槛操作：拖拽式交互设计，3分钟可搭建基础原型，新手友好。
2. 高效协作：在线评审、批注和版本管理功能完善，支持与飞书、钉钉等工具集成。
3. 性价比突出：个人版年费179元，企业版395元/人/年，价格仅为Axure的60%。

主要缺点

1. 交互深度不足：复杂逻辑（如条件判断、变量控制）需依赖动态组件实现，难以模拟真实产品流程。
2. 离线功能弱：本地仅支持预览，编辑需联网，网络波动可能影响工作效率。
3. 免费版限制多：仅支持3个原型文件，导出标注、团队协作等功能需付费解锁。

2、Axure RP：高保真原型与复杂逻辑专家

适用领域

1. 企业级软件与Web应用：适合ERP系统、后台管理界面等需要动态面板、条件逻辑的场景。
2. 专业需求文档输出：自动生成PRD文档，包含交互说明、流程图，适合传统软件开发流程。
3. 大型团队协作：支持Axure Cloud实时同步和SVN版本控制，权限管理精细。

核心优点

1. 交互设计天花板：支持变量、函数、中继器等高级功能，可模拟数据验证、状态切换等复杂逻辑。
2. 高保真原型能力：动态面板、自适应视图等功能可实现接近真实产品的交互效果。
3. 文档与交付优势：生成的HTML文件可直接用于用户测试，标注和代码片段降低开发沟通成本。

主要缺点

1. 学习成本陡峭：动态面板、交互事件配置需长时间学习，新手易受挫。
2. 协作效率较低：Axure Cloud需签出签入流程，实时同步延迟较高，国内访问速度受限。
3. 价格高昂：企业版订阅费超2000元/人/年，且团队协作功能需额外付费。

3、Mockplus：平衡效率与专业性的折中选择

适用领域

1. 中保真原型设计：适合需要中等复杂度交互的项目，如B端工具、跨平台应用。
2. 高保密需求场景：离线版支持本地存储，适合医疗、金融等数据敏感行业。
3. 快速迭代与测试：3分钟生成可交互Demo，支持手势模拟和动效预览，适合用户测试。

核心优点

1. 轻量化交互：通过“链接点”实现页面跳转，无需编写代码，交互设置直观。
2. 多端适配：支持Win/Mac/Android多平台，离线版满足局域网办公需求。
3. 资源复用性强：内置大厂组件库（如阿里、腾讯），支持自定义模板和资源共享。

主要缺点

1. 协作功能薄弱：在线协作仅支持评论和版本管理，不支持多人实时编辑。
2. 高级功能受限：动态面板、条件逻辑需付费解锁，免费版功能有限。
3. 移动端适配不足：对iOS/Android原生组件的支持不如墨刀全面，交互细节粗糙。

4、总结：工具选择的核心考量

维度	墨刀	Axure RP	Mockplus
适用场景	敏捷团队、移动端、快速验证	企业级项目、高保真、复杂逻辑	中保真原型、跨平台、高保密需求
交互能力	基础交互（跳转、弹窗）	复杂逻辑（变量、中继器）	中等交互（状态切换、手势）
协作效率	云端实时同步，支持在线评审	Axure Cloud协作，版本控制精细	离线优先，在线协作功能较弱
学习成本	低（1天上手）	高（需1周以上）	中（2-3天掌握基础）
价格	个人版179元/年，企业版395元/人/年	企业版超2000元/人/年	免费版可用，团队版约Axure的60%

综合考量下，本团队采用Mockplus来进行本次原型设计作业的开发。

二、“数码甜鱼”二手交易平台原型设计

1.“数码甜鱼”名称由来
本小组得到原型设计任务后，经过讨论，得到大家对咸鱼二手交易平台软件的应用较多，于是，以咸鱼为模板基础进行升级改良设计为本次原型设计作业内容，以“鱼”子致敬咸鱼经典。同时，本小组选取数码产品作为二手交易平台主要交易物品，为使用户清晰得见本平台主要交易功能，取“数码”二字，而数码过于冷冰冰，于是“甜”字油然而生，增加对用户的亲和力，故得名“数码甜鱼”
2.功能考虑因素说明
（1）首页页面[https://rp.mockplus.cn/rps/AYSvxrQQn9/mbQsRjuN_e? 请查看《数码甜鱼首页页面》]
核心目标：展示用户主要功能使用面板，让用户清晰获得不同位置的功能区域。
界面组成：
顶部操作区：包含左上角个性化定制快速跳转区域，与搜索栏
中部图片轮转区：便于展示商城的活动链接，可进行跳转快速直达活动页面
中部按钮选项区：便于进行商品分类
商品信息区：以图片的形式直接展示给用户，感兴趣即可点击进入商品详情页面
底部操作区：便于切换首页页面。
前置条件：点击进入本二手交易平台
后置条件：点击商品图片进行商品详细信息页面跳转
（2）商品页面[https://rp.mockplus.cn/rps/AYSvxrQQn9/mbQsRjuN_e? 请查看《数码甜鱼首页页面》]
核心目标：展示商品详情信息，用户可以通过留言对商品信息进行追问，可以对不良商品进行举报，也可以对商品进行收藏。
页面组成：
顶部操作区：左上角可以跳转到上级界面即首页页面，搜索栏
中部信息展示区：展示店家名称信息，展示商品信息
底部操作区：有五个基本操作功能，用户可以点击进行功能选择
前置条件：点击商品图片进入本页面
后置条件：点击左上角箭头退出本页面
（3）用户留言查看页面[https://rp.mockplus.cn/rps/AYSvxrQQn9/3vBh4QG_Hc? 请查看《数码甜鱼首页页面》]
核心目标：用户可以查看到其他用户对商品信息的询问，也可以自己发表询问
页面组成：
顶部操作区：返回用户商品信息页面
中部展示区：展示其他用户的liuyan
底部操作区：点击即可输入自己的留言进行发表
前置条件：点击留言页面
后置条件：点击左上角箭头即可退出
（4）广告页面[https://rp.mockplus.cn/rps/AYSvxrQQn9/NlHd125E4? 请查看《数码甜鱼首页页面》]
核心目标：便于展示主流热销商家与热销产品
页面组成：
顶部操作区：右上角跳过广告区域
中部展示区：设置图片轮转，便于展示不同海报内容
前置条件：打开本二手交易平台
后置条件：等待广告时间或者主动点击跳过按键。
本链接提供首页页面全部操作功能：[https://rp.mockplus.cn/rps/AYSvxrQQn9/NlHd125E4? 请查看《数码甜鱼首页页面》]