原型设计课程作业 —— 校园闲置交易平台设计与实现
一、原型工具对比分析
- 墨刀
适用领域：主要用于移动端 APP 原型设计、快速迭代项目，也非常适合学生课程作业使用。
优点：上手速度快，拖拽式操作无需复杂学习成本；云端协作便捷，支持一键分享原型链接；移动端预览效果出色，自带丰富的 APP 组件库，能快速搭建基础界面。
缺点：对复杂交互逻辑（如条件判断、变量控制）的支持较弱；免费版功能有限，高级功能需要付费；在网页或后台系统原型设计上能力不足。 - Axure RP
适用领域：多用于大型复杂项目、企业级系统和高保真原型设计，是专业产品经理的主流工具。
优点：功能全面，支持变量、动态面板、多条件分支等复杂交互逻辑；自定义自由度极高，几乎可以实现所有产品业务逻辑；行业认可度高，产出的原型可直接用于需求评审和开发对接。
缺点：学习曲线陡峭，新手入门难度较大；软件体积大，本地运行占用较多电脑资源；软件价格昂贵，学生或个人用户使用成本高，协作分享也不如云端工具便捷。 - Mockplus（摹客）
适用领域：适合中小型项目原型设计、团队协作场景，以及学生课程作业。
优点：中文界面友好，组件库丰富，上手难度介于墨刀和 Axure 之间；免费版功能对学生友好，支持基础交互和页面跳转；支持快速导出演示文件、分享原型链接，能高效完成基础原型出稿。
缺点：高级交互能力有限，无法实现复杂的业务逻辑；部分功能（如手势交互）仅在付费版提供；处理大型项目的管理能力不如 Axure。
二、原型设计完整方案 - 主题与功能说明
(1)主题名称：校园闲置物品交易小程序
(2)核心功能：
闲置物品发布与管理：支持图文上传、分类选择、价格设置
物品浏览与搜索：按分类、关键词筛选闲置物品
消息沟通：买卖双方在线沟通交易细节
个人中心：查看发布记录、收藏物品、交易订单
(3)界面设计考虑因素：
适配学生用户，界面简洁，操作路径短
色彩风格采用清新校园风，主色调为橘色 + 白色
核心功能入口（发布、首页、消息、我的）底部固定导航，符合用户使用习惯 - 四个核心界面设计说明
界面 1：首页（物品浏览界面）
界面功能：展示热门闲置物品，支持按分类筛选、关键词搜索
界面组成：顶部搜索栏、分类标签栏、物品卡片列表、底部导航栏
前置条件：用户已打开小程序，完成基础加载
后置条件：点击物品卡片可进入物品详情页，点击分类标签可筛选对应类别的物品
操作步骤：用户打开小程序后默认进入首页，可直接浏览物品，或点击顶部搜索框输入关键词查找
界面 2：物品发布界面
界面功能：支持用户上传闲置物品信息，发布商品
界面组成：顶部标题栏、物品信息填写区（标题、描述、价格、分类）、图片上传区、发布按钮
前置条件：用户点击底部导航栏的「发布」按钮，进入发布页面
后置条件：填写信息并点击发布后，物品信息上传至后台，跳转至个人中心的发布记录页
操作步骤：点击「发布」按钮 → 填写物品信息、上传图片 → 点击「发布」按钮完成提交
界面 3：物品详情界面
界面功能：展示闲置物品的详细信息，支持收藏、联系卖家
界面组成：顶部返回按钮、物品图片轮播、物品信息（价格、描述、卖家信息）、底部操作栏（收藏、联系卖家）
前置条件：用户在首页点击某一物品卡片
后置条件：点击「联系卖家」可进入聊天界面，点击「收藏」可将物品加入个人收藏列表
操作步骤：点击首页物品卡片 → 查看详情 → 可选择收藏或联系卖家
界面 4：个人中心界面
界面功能：展示用户个人信息、发布记录、收藏物品、交易订单
界面组成：顶部用户信息区、功能菜单（发布记录、我的收藏、交易订单、设置）、底部导航栏
前置条件：用户点击底部导航栏的「我的」按钮
后置条件：点击对应菜单可进入详情页面（如发布记录、收藏列表）
操作步骤：点击底部「我的」→ 查看个人信息 → 点击对应菜单进入详情页面
- 界面切换流程1. 小程序启动 → 加载完成 → 进入【首页】界面
(1). 小程序启动 → 加载完成 → 进入【首页】界面
(2). 首页界面可触发的跳转：- 点击物品卡片 → 进入【物品详情】界面
- 点击底部导航栏「发布」→ 进入【物品发布】界面
- 点击底部导航栏「我的」→ 进入【个人中心】界面
(3). 物品详情界面可触发的跳转： - 点击返回按钮 → 返回【首页】界面
- 点击「联系卖家」→ 进入聊天界面（可选）
(4). 物品发布界面可触发的跳转： - 点击「发布」按钮 → 发布成功，跳转至【个人中心】的发布记录页
- 点击返回按钮 → 返回【首页】界面
(5). 个人中心界面可触发的跳转： - 点击返回按钮 → 返回【首页】界面
- 点击菜单选项 → 进入对应详情页面
浙公网安备 33010602011771号