- 墨刀（Modao）
适合场景：移动端 APP / 小程序快速原型、课程作业、简单交互
优点
极易上手：纯拖拽式操作，零基础几十分钟就能完成原型，非常适合学生作业。
云端实时保存：不用本地文件，浏览器直接打开就能做，自动备份不丢失。
移动端适配强：内置手机壳、导航栏、标签栏、列表等组件，一键生成手机预览效果。
分享便捷：生成链接即可分享给老师 / 同学查看原型，支持在线演示交互。
轻量化：无需安装软件，打开网页就能用，运行流畅不卡顿。
缺点
高保真效果弱：复杂动效、视觉还原能力不如专业设计工具。
组件数量有限：免费版组件、图标、模板较少。
团队协作弱：免费版仅支持简单协作，不适合大型项目。
逻辑交互有限：不支持变量、条件判断等高级交互功能。 - Axure RP
适合场景：高保真原型、复杂业务流程、产品需求文档（PRD）
优点
交互能力极强：支持动态面板、变量、条件判断、动画，能实现几乎所有逻辑。
组件库强大：可自定义组件，复用性极高，适合大型系统设计。
生成文档完整：可自动输出带标注的原型说明，方便开发直接查看。
全平台适配：可做网页、APP、桌面软件原型，适用范围广。
缺点
学习成本高：操作复杂，新手很难短时间掌握高级功能。
需要安装客户端：占用电脑内存，低配电脑运行卡顿。
预览分享麻烦：需要生成 HTML 包，不方便直接在线分享。
界面老旧：视觉风格不如现代工具简洁美观。 - Mockplus（摹客）
适合场景：快速原型、团队协作、教学演示
优点
组件极丰富：内置大量现成模板，包括校园、生活、社交类界面，直接套用。
操作简单：比 Axure 简单，比墨刀功能稍强，平衡易用性与功能。
支持流程图 + 原型一体：可先画业务流程图，再做界面原型。
云端协作方便：支持多人同时编辑，适合小组作业。
缺点
高级交互弱：无法实现复杂逻辑判断与动态数据。
免费版限制多：高导出、高清预览需要付费。
生态较小：教程、社区资源不如墨刀和 Axure 多。
本次校园失物招领原型选择墨刀的原因：
工具轻量化，浏览器直接使用，适合快速完成课程作业；
移动端组件齐全，能快速搭建首页、发布页、详情页、个人中心；
交互操作简单，可实现页面跳转、按钮点击等核心流程；
分享方便，生成链接即可提交作业，老师可直接在线预览。
一、项目功能概述
该校园失物招领系统是基于 HTML + TailwindCSS + JavaScript 开发的移动端单页应用，核心功能如下：
| 模块 | 核心功能 |
| ---- | -------------------------------------- |
| 首页 | 物品分类筛选、失物 / 寻物标签切换、物品列表展示 |
| 发布页 | 失物 / 寻物信息发布（含物品名称、类别、地点、时间、描述、图片、联系方式） |
| 详情页 | 物品信息展示、联系拾得者、认领核验申请 |
| 聊天页 | 在线沟通功能（模拟对话） |
| 个人中心 | 用户信息展示、发布记录 / 认领历史 / 收藏 / 设置等功能入口 |
| 消息中心 | 聊天消息、系统通知、认领结果提醒 |
| 通用功能 | 页面切换、Toast 提示、底部弹窗、历史记录回退 |
界面设计考虑因素
简洁易用：界面清爽、操作简单，适合学生快速上手。
移动端适配：采用手机 APP 布局，单手可操作。
色彩友好：主色调蓝色（信任、安全）+ 橙色（温暖、互助），视觉舒适。
信息清晰：卡片式展示物品，重点信息突出，方便快速浏览。
流程简短：发布、查看、联系三步内完成，降低使用门槛。
二、五个界面设计说明
界面 1：首页
![image]()
界面 2：发布信息页
![image]()
界面 3：物品详情页
![image]()
界面 4：消息页
![image]()
界面 5：个人中心页
![image]()
三、界面切换流程说明
下面用简单文字流程说明，不用图：
首页 → 发布页：首页点底部 “发布” → 进入发布页。
发布页 → 首页：发布成功自动返回首页；或点返回按钮回到首页。
首页 → 详情页：首页点击任意物品卡片 → 进入详情页。
详情页 → 首页：点返回按钮 → 回到首页。
详情页 → 聊天页：点联系发布者 → 进入聊天页。
首页 → 个人中心：点底部导航 “我的” → 进入个人中心。
个人中心 → 首页：点底部导航 “首页” → 返回首页。
