一、原型设计工具对比分析
本次原型设计作业主要调研并对比了墨刀、Axure RP、Mockplus三款主流原型工具,各工具的适用领域及优缺点如下:
- 墨刀:
优点:1. 上手门槛低,拖拽式操作简单,无需复杂学习成本
2. 云端协作便捷,支持多人实时编辑、一键分享预览链接
3. 移动端组件丰富,自带大量校园类、生活服务类模板,适配本项目场景
4. 免费版可满足课程作业需求,支持基础交互跳转与页面切换
缺点:1. 复杂业务逻辑、条件判断交互支持较弱
2. 高级功能(如高保真动效、复杂组件)需付费解锁
3. 对大型多页面项目的性能优化不足,页面过多易卡顿
使用领域:校园类课程作业、移动端 APP / 小程序原型、快速演示 demo、敏捷开发前期原型验证 - Axure RP:
优点:1. 功能最专业,支持复杂交互、条件逻辑、变量与函数,可实现高度还原的业务流程
2. 可生成 HTML 离线文件,自带需求文档导出功能,适合项目需求落地
3. 支持高保真原型设计,可模拟真实 APP 的动效与交互逻辑
缺点:1. 学习成本高,操作复杂,新手需花费较多时间熟悉
2. 软件体积大,运行卡顿,且收费价格较高,学生使用成本高
3. 移动端适配操作繁琐,不适合快速出原型
使用领域:企业级大型项目原型设计、复杂后台管理系统、产品经理专业需求文档制作、需要严谨业务逻辑验证的项目 - Mockplus:
优点:1. 界面简洁清爽,操作流畅,轻量化设计,对电脑配置要求低
2. 自带组件库丰富,支持一键生成标注、切图,方便后续开发对接
3. 支持团队协作与评论功能,适合小组项目同步修改
缺点:1. 高级交互与动效支持不足,无法实现复杂跳转与状态切换
2. 模板数量少于墨刀,校园类场景资源较少
3. 市场占有率较低,社区资源与教程较少,遇到问题不易解决
使用领域:学生课程作业、中小型网站 / APP 快速原型、简单后台系统、小组协作类项目前期设计
综合对比后,本次作业选择墨刀作为原型设计工具,其轻量化、易上手、适配移动端的特点,能够高效完成校园快递管理系统的原型设计,同时满足课程作业的交互与展示需求。
二、项目主题说明
- 主题名称
校园快递信息管理系统 - 项目背景与功能
随着校园快递业务的快速增长,在校师生面临快递查询繁琐、取件通知遗漏、滞留件无法及时提醒、远程退件不便等问题。本系统旨在打造一款面向在校师生的校园专属快递管理工具,核心功能包括:
手机号 / 取件码一键查询快递,快速查看物流轨迹与取件信息
取件提醒、滞留件预警,避免错过取件时间
个人快递数据统计,直观展示待取、运输中、已签收包裹数量
远程退件申请功能,无需到驿站即可提交退件请求
消息通知、问题反馈、客服对接等辅助功能 - 界面设计考虑因素
校园场景适配:整体风格采用清爽的蓝色为主色调,搭配浅灰背景与白色卡片,视觉干净简洁,符合学生用户的审美偏好;文字信息层级清晰,重点信息(如取件码、截止时间)用蓝色 / 红色突出显示,方便用户快速获取关键内容。
操作便捷性:采用底部导航栏固定核心功能入口,用户可在首页、查询、消息、个人中心之间快速切换;所有操作路径不超过 3 步,如快递查询、退件申请等高频功能均设置直达入口,降低使用门槛。
信息隐私保护:个人中心页隐藏手机号中间四位,快递详情页不完整展示用户个人信息,避免隐私泄露;所有交互跳转逻辑清晰,无冗余操作,减少信息误触风险。
交互逻辑一致性:所有页面的顶部导航栏、底部导航栏样式统一,返回按钮、提交按钮的位置与风格保持一致,用户无需适应即可快速上手操作。
三、原型界面设计说明
本次原型设计共包含 4 个核心界面,每个界面的功能、组成、前置 / 后置条件及操作步骤如下:
界面 1:系统首页
界面功能:作为系统主入口,为用户提供快递查询入口、包裹状态统计、最近包裹查看与消息通知入口,快速触达核心功能,同时展示待取件、运输中、已签收包裹的数量概览。
界面组成:顶部标题栏(系统名称 + 消息通知图标)、快递查询模块(输入框 + 查询按钮)、包裹状态统计卡片(待取件 / 运输中 / 已签收)、最近包裹列表、底部导航栏(首页 / 查询 / 消息 / 我的)。
前置条件:用户成功登录系统,打开 APP / 小程序,默认进入首页。
后置条件:点击 “立即查询” 按钮跳转到快递查询结果页;点击最近包裹列表中的快递条目,跳转到快递详情页;点击底部导航栏的 “消息”“我的”,分别跳转到消息通知页和个人中心页;点击右上角消息图标,可直接查看未读通知。
操作步骤:
打开系统,默认进入首页;
在输入框中输入手机号或取件码,点击 “立即查询” 按钮,进入查询结果页;
也可直接点击最近包裹列表中的快递,查看详情;
通过底部导航栏,可切换至其他功能页面。

界面 2:个人中心页
界面功能:为用户提供个人信息展示、快递数据统计与系统功能入口,支持查看个人快递记录、进入设置、反馈问题、联系客服,同时提供退出登录功能,实现个人信息与账号的便捷管理。
界面组成:顶部标题栏、用户信息卡片(头像、用户名、手机号、实名认证标签)、快递数据统计卡片(待取件 / 运输中 / 累计收件数量)、功能列表(我的快递 / 系统设置 / 问题反馈 / 联系客服)、退出登录按钮、底部导航栏。
前置条件:用户点击首页底部导航栏的 “我的” 按钮,进入个人中心页。
后置条件:点击 “我的快递”,可查看所有历史包裹记录;点击 “系统设置”“问题反馈”“联系客服”,可进入对应功能页面;点击 “退出登录”,可退出当前账号,返回登录页;点击底部导航栏其他标签,可切换回首页、查询页或消息页。
操作步骤:
在首页点击底部导航栏的 “我的”,进入个人中心页;
查看个人信息与快递数据统计;
点击功能列表项,进入对应模块进行操作;
如需退出账号,点击 “退出登录” 按钮,确认后即可退出。

界面 3:快递详情页
界面功能:展示单个快递的完整详细信息,包括快递公司、单号、取件码、收发地址、驿站位置、存放时效以及完整物流记录,同时提供驿站导航、一键催领与远程退件入口,满足用户精细化查看快递信息与快捷操作的需求。
界面组成:顶部导航栏(返回按钮 + 页面标题)、快递基础信息卡片(快递公司、单号、取件码、收发地址)、取件相关信息卡片(驿站位置、存放截止时间)、物流全程时间轴、远程退件申请入口、底部操作按钮(驿站导航 / 一键催领)、底部导航栏。
前置条件:用户在首页点击最近包裹列表中的快递条目,或在查询结果页点击对应快递,进入本页面。
后置条件:点击左上角 “返回” 按钮,回到上一级页面;点击 “申请远程退件” 入口,跳转到远程退件申请页;点击 “驿站导航”,可查看驿站位置地图;点击 “一键催领”,可向驿站发送催领提醒;点击底部导航栏,可切换至系统其他页面。
操作步骤:
从首页或查询结果页点击快递条目,进入快递详情页;
依次查看快递基础信息、取件位置、存放截止时间与物流进度;
如需退件,点击 “申请远程退件” 入口,进入退件申请页;如需导航或催领,点击对应按钮;
查看操作完成后,点击左上角返回按钮,回到上一级页面。

界面 4:远程退件申请页
界面功能:供用户在线发起快递退件申请,展示待退快递的基础信息,支持选择退件原因、填写补充备注,一键提交退件请求,实现线上远程退件,无需线下到驿站办理,解决无法及时取件的问题。
界面组成:顶部导航栏(返回按钮 + 页面标题)、待退快递信息卡片(快递公司、单号、状态、取件码)、退件原因选择模块、额外备注输入模块、提交按钮(注:原型中已预留提交区域,可在后续交互中补充)、底部导航栏。
前置条件:用户在快递详情页点击 “申请远程退件” 入口,进入本页面。
后置条件:点击左上角 “返回” 按钮,回到快递详情页;选择退件原因并填写备注后,点击提交按钮,可完成退件申请;点击底部导航栏,可切换至系统其他页面。
操作步骤:
从快递详情页点击退件入口,进入远程退件申请页;
核对页面展示的待退快递信息,选择对应的退件原因;
若选择 “其他原因”,可在备注输入框内补充具体内容;
确认信息无误后,点击提交按钮,完成退件申请;
如需放弃操作,点击左上角返回按钮,回到快递详情页。

四、界面切换流程说明
本次原型设计的界面跳转逻辑清晰,各页面之间的切换流程如下:
用户打开系统后,默认进入系统首页;
在首页中,可通过以下方式跳转:
输入信息并点击 “立即查询”,进入快递查询结果页,点击结果中的快递条目,进入快递详情页;
点击最近包裹列表中的快递条目,直接进入快递详情页;
点击底部导航栏的 “消息”,进入消息通知页;点击 “我的”,进入个人中心页;
在快递详情页中,点击 “申请远程退件” 入口,进入远程退件申请页;点击 “返回” 按钮,回到上一级页面;
所有页面均可通过底部导航栏互相切换,也可通过页面内的 “返回” 按钮回到上一级页面,形成完整的闭环交互流程。
五、作业小结
本次校园快递信息管理系统原型设计作业,通过墨刀工具完成了 4 个核心界面的高保真原型设计,实现了快递查询、个人信息管理、快递详情查看、远程退件申请等核心功能的交互演示。
在设计过程中,充分考虑了校园用户的使用场景与操作习惯,通过统一的视觉风格、清晰的信息层级与便捷的交互逻辑,提升了系统的易用性。同时,本次设计也验证了前期需求调研的可行性,发现了部分交互细节的优化方向,为后续系统的进一步完善提供了参考。整体而言,本次作业顺利完成了原型设计的各项要求,达到了课程预期目标。
