一、项目背景与初衷
随着养宠人群不断增多，宠物走失、弃养现象也随之增加，流浪动物救助、宠物领养成为社会关注的话题。目前市面上相关信息大多分散在社交平台、本地社群，信息杂乱、真假难辨，领养对接流程繁琐，也缺少临时寄养、寻宠互助等配套服务。
为此，我立项开发宠乐圈宠物领养互助平台，旨在搭建一个正规、透明的线上服务平台，整合宠物领养、流浪动物救助、寻宠招领、养宠经验交流、临时寄养等功能，简化对接流程，助力 “以领养代替购买” 的理念普及。
二、前期调研与需求分析
为让项目更贴合用户实际使用需求，我借助问卷星开展线上调研，收集了不同人群的使用意愿与功能偏好。调研结果显示，用户最核心的需求集中在宠物在线领养、救助信息展示两大模块；同时绝大多数用户认为，实名认证、线上领养协议是保障平台安全的必要功能。
结合调研数据，我划分了核心需求与外围拓展需求，并按照迭代思路规划开发顺序，优先实现基础交易与信息发布功能，再逐步上线社区、科普、互助等增值功能。
三、核心功能规划
宠物领养专区：用户可发布待领养宠物信息，领养者在线查看资料、提交申请，实现线上初步对接。
救助 & 寻宠板块：支持发布流浪动物救助动态、宠物走失 / 找回启事，汇聚公益力量。
养宠互助社区：提供交流版块，分享喂养知识、宠物护理经验，也可发布临时寄养求助。
安全管控：接入用户实名认证，规范领养流程，过滤虚假信息，降低交易风险。
四、技术选型与开发计划
本项目采用前后端分离架构进行开发，后端负责数据存储、接口开发与权限校验，前端搭建可视化交互页面，实现数据展示与用户操作。
整体采用敏捷开发模式，分多轮迭代推进：第一轮完成账号登录、信息发布、信息检索等基础功能；第二轮优化交互体验，上线评价、筛选功能；后续持续根据使用反馈迭代优化，补充特色功能。
五、主流原型设计工具对比分析（墨刀、Axure、Mockplus）
在软件工程产品设计环节，原型工具是梳理界面逻辑、验证产品需求、对接开发人员的核心工具。下面结合适用领域、优点、缺点三方面，对比墨刀、Axure、Mockplus 三款主流原型设计工具。
- 墨刀
适用领域：主打移动端 APP、小程序原型设计，适配敏捷开发、中小型团队云端协作、项目快速演示与需求验证，也是学生课程设计、快速制作高保真原型的首选工具。
优点：操作采用拖拽模式，中文界面友好，学习门槛极低，新手可快速上手；依托云端服务，支持多人实时协作、评论标注，分享链接 / 二维码即可多端预览原型；内置海量移动端组件、模板与交互动效，大幅提升设计效率。
缺点：高级交互逻辑较弱，不支持复杂变量、多层条件判断，难以制作大型 B 端系统原型；高度依赖网络，离线状态下编辑、保存功能受限；桌面端组件库单薄，不适合复杂 PC 端系统设计。 - Axure RP
适用领域：面向专业产品经理，多用于大型 Web 系统、企业级后台、逻辑复杂的软件原型设计，适合需要实现复杂交互、完整业务流程、高保真仿真的商业项目。
优点：功能全面，借助动态面板、中继器、函数等功能可实现几乎所有复杂交互与业务逻辑；本地文件运行稳定，不受网络影响；支持自定义组件库、样式库，扩展性极强，适配全平台原型制作。
缺点：学习曲线陡峭，交互设置步骤繁琐，制作原型效率低；原生组件样式老旧，视觉表现力弱；云端协作能力差，需借助第三方工具传输文件、同步版本，移动端预览体验不佳。 - Mockplus（摹客）
适用领域：侧重中低保真快速原型、页面框架搭建，适合需求初期草图验证、简易网站 / APP 设计、教学实训场景，兼顾个人与小型团队使用。
优点：轻量化设计，启动速度快，操作简洁，兼顾上手难度与基础交互能力；导出格式丰富，支持标注、切图，方便对接前端开发；免费版功能可满足学生、个人基础使用需求，性价比高。
缺点：动效、手势交互支持不足，页面动画效果单一；组件样式与属性设置较少，高保真还原能力弱；大型多页面项目管理能力一般，复杂业务流程设计体验较差。
小结
三款工具定位差异明显：学生实训、移动端快速原型、团队轻量协作优先选择墨刀；复杂业务系统、专业高交互原型选用Axure；仅做页面框架、低保真草图验证可使用Mockplus。本次课程实践我选择墨刀完成宠乐圈平台原型设计。
六、宠乐圈・宠物领养互助平台原型设计
（一）项目基础说明
主题名称：宠乐圈・宠物领养互助平台（移动端 APP 原型）
项目功能定位
本平台面向广大爱宠人士、流浪动物救助者，核心实现宠物领养送养、流浪动物救助发布、寻宠招领、养宠互助交流四大功能，同时搭配实名认证、领养申请、信息检索等配套功能，打通领养人与送养人的信息壁垒，倡导 “以领养代替购买”。
界面设计考虑因素
适配移动端手机操作，界面布局简洁，按钮大小符合移动端触控规范；
区分核心功能与次要功能，高频入口放置在首页显眼位置；
风格温馨亲和，贴合宠物平台定位，色彩柔和、图标直观易懂；
遵循用户操作逻辑，页面跳转流畅，减少多余操作步骤；
区分游客与登录用户权限，核心发布、申请功能仅对登录用户开放。
（二）四大核心界面详细说明
本次基于墨刀完成原型设计，共设计登录页、首页、宠物领养列表页、领养详情 & 申请页四个可相互切换的核心界面，每个界面从界面功能、界面组成、前置条件、后置条件、操作步骤逐一说明。
界面 1：用户登录界面
界面功能：实现账号密码登录、跳转注册页面，校验用户身份，是进入平台全部功能的入口，未登录用户无法使用发布、申请等核心功能。
界面组成：平台 Logo 与名称、账号输入框、密码输入框、登录按钮、注册文字跳转链接、隐私协议提示。
前置条件：用户打开宠乐圈 APP，APP 完成初始化加载；网络状态正常。
后置条件：账号密码输入正确→跳转至平台首页；账号密码错误→弹出错误提示，停留在登录页；点击注册链接→跳转至注册页面。
操作步骤
① 在账号输入框填写手机号 / 平台账号；
② 在密码输入框填写登录密码；
③ 点击【登录】按钮，系统校验信息并完成页面跳转。
界面 2：平台首页（主界面）
界面功能：平台总入口，展示核心功能分区、热门领养宠物、救助动态，提供全局搜索，底部导航实现全页面快速切换。
界面组成：顶部搜索栏、功能快捷入口（领养、救助、寻宠、社区）、热门宠物卡片列表、公告轮播图、底部导航栏（首页、发布、消息、我的）。
前置条件：用户已完成账号登录，成功从登录页跳转进入首页。
后置条件：点击【宠物领养】入口→跳转至领养列表页；点击宠物卡片→跳转至领养详情页；点击底部导航栏，切换至对应功能页面。
操作步骤
① 登录完成后自动加载首页全部内容；
② 浏览首页推荐宠物与平台动态；
③ 点击对应功能入口，进入目标子页面。
界面 3：宠物领养列表界面
界面功能：集中展示所有待领养宠物信息，支持按宠物类型、地区筛选，支持关键词搜索，是核心业务列表页面。
界面组成：顶部返回按钮、筛选栏（宠物类型、地区）、搜索框、宠物信息卡片（宠物照片、名称、品种、年龄、所在地区）、页面下拉加载更多。
前置条件：用户已登录，从首页点击【宠物领养】快捷入口进入本页面。
后置条件：点击任意宠物卡片→跳转至领养详情页；点击顶部返回按钮→退回平台首页；使用筛选 / 搜索功能，刷新列表内容。
操作步骤
① 进入领养列表页，查看全部待领养宠物；
② 可使用筛选、搜索功能缩小查找范围；
③ 点击心仪宠物的信息卡片，进入详情页面。
界面 4：领养详情 & 申请界面
界面功能：展示单只宠物完整信息，支持查看送养人资料、提交领养申请，是完成领养对接的核心页面。
界面组成：顶部返回按钮、宠物大图、宠物基础信息（品种、年龄、性格、健康状况）、送养人信息、领养须知、【提交领养申请】按钮。
前置条件：用户已登录，从宠物领养列表页点击宠物卡片进入本页面。
后置条件：点击返回按钮→退回领养列表页；点击【提交领养申请】→弹出申请填写弹窗，提交成功后提示 “申请已发送”；浏览页面内容，停留在当前界面。
操作步骤
① 进入详情页，完整查看宠物介绍、领养规则；
② 确认意向后，点击【提交领养申请】按钮；
③ 填写简单申请备注，提交完成领养预约。
（三）界面整体切换流程说明
主线流程（核心业务流程）
APP 启动 → 加载登录界面（输入账号密码登录） → 自动跳转平台首页 → 点击【宠物领养】入口 → 进入宠物领养列表界面 → 点击目标宠物卡片 → 进入领养详情 & 申请界面，完成领养申请。
分支跳转流程
登录界面：点击 “注册” 链接，跳转至注册页面；登录失败，停留在当前页面并提示错误。
首页界面：点击底部导航栏 “发布 / 消息 / 我的”，可切换至对应功能页面；点击顶部搜索框，唤起搜索功能。
领养列表界面：点击顶部返回按钮，直接退回首页。
领养详情界面：点击顶部返回按钮，退回领养列表界面。
交互设置说明
本次在墨刀中为所有按钮、卡片添加点击跳转交互，页面切换使用基础滑入动画，模拟真实 APP 操作体验，完整还原用户从登录到完成领养申请的全流程。
（四）原型设计总结
本次使用墨刀完成宠乐圈移动端原型设计，依托工具拖拽式操作、快速交互的优势，高效搭建 4 个核心界面并完成页面流转。原型严格按照前期需求调研结果设计，优先保证宠物领养核心流程通畅，界面布局、功能入口贴合移动端用户使用习惯。通过原型设计，进一步梳理了平台业务逻辑，为后续代码开发、界面优化提供直观参考，也完成了原型工具的实操学习。