绿韵花坊——植物二手交易平台“我的”界面
一、原型设计工具对比：墨刀、Axure、Mockplus的适用领域与优缺点分析
（1）墨刀：轻量化移动原型与团队协作首选
适用领域
- 移动应用快速搭建：适合初创团队、个人设计师快速制作App/小程序原型，支持iOS/Android双端预览。
- 敏捷迭代项目：1小时内可完成从创意到可演示原型，适合需要高频验证的短周期项目。
- 多人实时协作：支持团队成员同步编辑、评论反馈，降低沟通成本。
优点
- 操作极简：界面直观，通过拖拽组件+设置交互即可完成原型，新手5分钟上手。
- 资源丰富：内置海量行业模板（电商/社交/工具等），支持导入Sketch/Figma设计稿快速生成原型。
- 协作高效：链接分享原型，非设计人员可直接预览，评论区@功能提升反馈效率。
缺点
- 复杂交互受限：无法实现动态面板、条件逻辑等高级功能，难以模拟业务分支场景（如多权限登录）。
- 设计深度不足：矢量绘图工具简陋，交互动画预设少，适合Demo演示而非高保真设计。
（2）Axure RP：企业级复杂逻辑原型设计标杆
适用领域
- B端产品与复杂流程：金融/医疗等行业的后台系统、ERP界面，需模拟多角色权限、数据联动等逻辑。
- 高保真交互动效：适合向投资人展示核心功能，或与开发团队明确技术细节（如动态图表交互）。
- 文档一体化交付：支持导出HTML原型+规格说明文档，方便开发对照实现。
优点
- 逻辑引擎强大：通过“中继器”实现数据动态加载，“条件面板”支持IF/ELSE逻辑判断，还原真实业务流。
- 动效细腻可控：自定义动画时长、方向、延迟，可实现滑动渐变、按钮涟漪等接近真实产品的效果。
- 生态扩展性强：支持插件扩展（如流程图生成、数据填充），可集成Jira/Confluence等管理工具。
缺点
- 学习门槛高：需掌握“母版”“变量”“函数表达式”等概念，新手需3天以上系统学习。
- 协作效率低：依赖文件同步或Axure Cloud，多人编辑易冲突，非设计人员查看需额外工具。
（3）Mockplus（摹客）：效率与功能平衡的全能型工具
适用领域
- 全平台原型设计：覆盖Web/移动端/小程序/桌面端，适合多端适配项目（如APP+PC管理后台）。
- 设计开发衔接：一键生成标注、切图和CSS代码，减少开发还原误差。
- 用户测试场景：支持链接/二维码分享原型，内置热点分析功能统计用户点击热力图。
优点
-
双模式交互设计：
- 快捷模式：通过交互连线快速搭建页面跳转，类似墨刀的轻量化操作。
- 专业模式：支持状态机、函数表达式，接近Axure的逻辑能力，满足全阶段需求。
-
资源生态丰富：3000+可编辑图标、200+行业模板，集成Unsplash图片库，素材获取成本低。
-
性价比突出：个人免费版可用，团队版价格仅为Axure的60%，适合中小团队。
缺点
- 动画细节不足：预设动画类型少于Axure，自定义参数（如贝塞尔曲线）选项较少。
- 社区支持有限：中文文档完善但英文资源少，复杂问题依赖官方技术支持。
（4）选型对比表格
| 维度 | 墨刀 | Axure RP | Mockplus |
|---|---|---|---|
| 适合团队 | 个人/初创团队（≤5人） | 中大型企业（≥10人） | 中小团队（3-15人） |
| 项目类型 | 短期迭代/移动优先 | 复杂业务/高保真需求 | 全平台适配/设计开发衔接 |
| 学习成本 | ★☆☆☆☆（1小时入门） | ★★★★☆（3天系统学习） | ★★☆☆☆（2小时上手） |
| 核心优势 | 快速协作、操作简单 | 逻辑强大、动效细腻 | 功能全面、性价比高 |
| 年度预算 | 免费版/≤500元 | ≥2000元 | 800-1500元 |
（5）总结与建议
- 新手/快速验证：选墨刀，聚焦移动场景和轻量协作，快速落地创意。
- 复杂逻辑/企业级项目：选Axure，适合需要深度逻辑建模和高保真交付的团队。
- 全流程需求/中小团队：选Mockplus，平衡效率与功能，尤其适合设计开发一体化场景。
二、二手植物交易平台原型设计“我的”界面功能说明
（1）主界面（页面1）
功能
此界面是用户进入个人中心的初始页面，为用户提供个人信息展示、常用功能快捷入口以及平台相关服务入口，使用户能够便捷地管理个人交易信息和获取平台服务。
界面组成
- 用户信息区域：圆形头像图片展示用户形象，用户昵称位于头像右侧，下方以灰色字体显示关注数和粉丝数，使用户对自身社交数据一目了然。
- 快捷功能区：四个矩形按钮横向排列，从左到右依次为“我的收藏”、“历史浏览”、“我的关注”、“红包卡券”。
- 交易功能区：四个功能按钮以图标加文字形式呈现，分别是“我发布的”、“我卖出的”、“我买到的”、“待评价”，用于用户管理个人交易记录。
后置条件
- 点击“我的收藏”跳转到我的收藏界面；
- 点击“历史浏览”跳转到历史浏览界面；
- 点击“我的关注”跳转到我的关注界面；
- 点击“红包卡券”跳转到红包卡券界面；
- 点击“我发布的”跳转到我发布的界面；
- 点击“我卖出的”跳转到我卖出的界面；
- 点击“我买到的”跳转到我买到的界面；
- 点击“待评价”跳转到订单详情 - 待评价界面；
- 点击底部导航栏图标可进入相应功能模块。
![]()
（2）我的收藏界面
功能
专门用于展示用户收藏的二手闲置绿植商品，方便用户集中查看感兴趣且暂未购买的商品，同时为用户提供再次决策购买的便捷入口。
界面组成
以卡片形式纵向排列展示收藏的绿植商品，每张卡片包含商品主图（清晰展示绿植外观）、商品名称（如“栀子花盆苗，带盆，一盆有多棵小苗”）、简短描述（“体店含泪清仓”等）、价格信息等。
前置条件
用户在主界面点击“我的收藏”按钮，系统根据用户账号获取其收藏的商品数据并展示。
后置条件
点击任意商品卡片，可跳转到该商品的详情页面，查看更详细的商品信息、卖家信息以及进行购买等操作。
操作步骤
用户进入我的收藏界面后，通过上下滑动浏览收藏的商品列表，点击感兴趣的商品卡片查看商品详情。
（3） 历史浏览界面（假设布局与我的收藏类似）
功能
记录用户在平台上浏览过的所有二手闲置商品，帮助用户回顾曾经关注过的物品，可能激发用户再次购买的欲望，同时也便于用户查找之前看过但未收藏的商品。
界面组成
类似我的收藏界面，以卡片形式展示浏览过的商品，包含商品图片、名称、简要描述等信息，按浏览时间顺序排列（推测）。
前置条件
用户在主界面点击“历史浏览”按钮，系统检索并展示用户的浏览记录。
后置条件
点击商品卡片可进入商品详情页，查看商品详细信息和进行相关操作。
操作步骤
用户在历史浏览界面滑动屏幕，浏览曾经查看过的商品，点击感兴趣的商品进一步了解详情。
（4）我的关注界面
功能
该界面是用户社交互动的重要部分，展示用户关注的其他用户，同时推荐可能感兴趣的用户，促进用户之间的关注和互动，增强平台的社交属性，还展示其他用户发布的相关绿植内容，增加用户之间的信息交流和兴趣共鸣。
界面组成
- 搜索栏：位于界面顶部，灰色占位符文字“搜索用户名和点评”提示用户可在此输入关键词进行搜索，方便用户查找特定的关注对象。
- 关注区域：当前显示“关注这里还是空的哦 快去发现感兴趣的用户名和点评吧”，提示用户目前没有关注对象，鼓励用户进行关注操作。
- 推荐用户区域：“你可能感兴趣的用户”部分展示了三个用户，每个用户以圆形头像、昵称（如“汪汪汪汪汪”“喵喵喵喵喵”等）、粉丝数（如粉丝70、粉丝75等）和内容数（如内容23、内容31等）呈现，并有红色“关注”按钮，方便用户快速关注感兴趣的人。
- 内容推荐区域：“为你推荐”部分展示其他用户发布的绿植相关内容，包含发布者头像、昵称（如“胖虎”）、发布时间（8月21日）、内容描述（如“出郁金香，水培郁金香四季香开花盆栽，适合客厅绿植”）、绿植图片、点赞数（如212）、评论数（如“球球：好养吗？ 胖虎回复 球球：包的”）等信息，吸引用户浏览和互动。
前置条件
用户在主界面点击“我的关注”按钮，系统加载用户关注信息和推荐内容。
后置条件
- 点击推荐用户的头像或昵称，可进入对方个人主页，查看其发布的更多内容；
- 点击内容推荐区域的内容，可查看详细内容和更多评论等信息，还可进行点赞、评论等互动操作。
操作步骤
用户在我的关注界面浏览推荐用户和内容，点击“关注”按钮关注感兴趣的用户，点击内容区域查看详细信息并进行互动。
（5） 红包卡券界面
功能
用于管理用户在平台获得的红包和优惠券，用户可以查看未使用、已使用和已过期的券，进行兑换操作，同时界面还展示猜你喜欢的绿植商品，促进用户使用优惠券进行消费，提高平台的交易转化率。
界面组成
- 选项卡区域：顶部有“红包卡券”和“优惠券说明”两个选项卡，用户可点击切换查看不同内容。
- 券管理区域：下方分为“未使用”“已使用”“已过期”三个标签页，方便用户分类查看券的状态。有一个白色输入框，灰色占位符文字“请输入兑换码”提示用户可在此输入兑换码，右侧有灰色“兑换”按钮。
- 优惠券展示区域：展示了两张优惠券，如“￥5 无门槛 无门槛10元券 2025.04.11 - 2025.05.01 仅限购买工厂店商品”“￥10 满减券 仅自营无门槛10元券 满￥100使用 2025.04.17 （仅剩3天） 立即使用 仅限购买工厂店商品”，详细说明优惠券的面额、使用条件、有效期等信息，并有“立即使用”按钮引导用户消费。
- 商品推荐区域：底部“猜你喜欢”部分展示了绿植商品，包含商品图片、名称（如“【秒杀特价】栀子花6.9 - 盆！！花期带花苞”“三角梅绿植，绿叶樱花三角梅，抹茶色渐变樱花粉”）、价格（如￥6.90、￥29.90）、店铺名称（部分显示）以及好评率（如97.8%好评）等信息，吸引用户购买。
前置条件
用户在主界面点击“红包卡券”按钮，系统获取用户的红包和优惠券数据并展示。
后置条件
- 点击优惠券的“立即使用”按钮，可跳转到符合使用条件的商品列表页面进行消费；
- 点击“优惠券说明”选项卡，可查看优惠券的详细使用规则和说明；
- 点击商品推荐区域的商品，可进入商品详情页进行查看和购买操作。
操作步骤
用户进入红包卡券界面后，查看自己拥有的优惠券，根据需求输入兑换码进行兑换，点击“立即使用”使用优惠券购物，或者浏览猜你喜欢的商品进行选购。
（6） 我发布的界面
功能
展示用户在平台上自主发布的二手闲置绿植商品，方便用户对自己发布的商品进行管理，如编辑商品信息、下架商品、查看商品浏览和交易情况等操作，帮助用户更好地推广和销售自己的闲置物品。
界面组成
以列表形式纵向展示发布的商品，每个商品项包含发布时间（如2025 - 03 - 24）、商品图片（展示绿植外观）、商品名称（如“50颗38个品种风雨兰常年开花300天！生存能力强”“【特价2天】发财树盆栽发财树苗室内客厅桌面四季常青绿植花卉盆景”）、价格（如￥16.90、￥10.80）等信息。右上角有放大镜图标（搜索功能）和三个点图标（更多操作功能，如批量管理等，推测）。
前置条件
用户在主界面点击“我发布的”按钮，系统获取用户发布的商品数据并展示。
后置条件
点击商品项可进入商品编辑页面，用户可以修改商品信息；也可能进入商品详情页面，查看商品的浏览量、咨询情况和交易记录等。
操作步骤
用户在我发布的界面浏览自己发布的商品列表，点击商品进行编辑、查看详情等操作，也可使用搜索功能查找特定商品，或者通过更多操作进行批量管理等。
（7）我卖出的界面
功能
记录用户在平台上成功卖出的二手闲置绿植商品，让用户清晰了解自己的销售记录，包括卖出的商品信息、交易时间、交易金额等，方便用户进行财务核算和交易管理。
界面组成
以列表形式展示卖出的商品，每个商品项包含卖出时间（如2025 - 03 - 24）、商品图片、商品名称（如“50颗38个品种风雨兰常年开花300天！生存能力强”）、价格（如￥16.90）等信息，布局与我发布的界面类似。
前置条件
用户在主界面点击“我卖出的”按钮，系统检索并展示用户的销售记录。
后置条件
点击商品项可进入订单详情页面，查看订单的详细信息，如买家信息、物流信息、收款情况等。
操作步骤
用户在我卖出的界面浏览卖出的商品列表，点击商品查看订单详情，了解交易的具体情况。
（8）我买到的界面
功能
展示用户在平台上购买的二手闲置绿植商品，按照订单状态（如待付款、待发货、已发货、交易成功等）分类展示，方便用户管理自己的购买订单，了解订单的进度和状态，进行相应的操作，如付款、查看物流、确认收货等。
界面组成
按订单状态展示购买的商品，每个订单包含购买时间（如2025 - 03 - 24）、商品图片、商品名称（如“50颗38个品种风雨兰常年开花300天！生存能力强”）、价格（如￥16.90）、订单状态（如交易成功、待付款、待发货、已发货）以及相关操作按钮（如“查看产品使用说明”“再次购买”“查看物流”“取消订单”“确认收货”等，根据订单状态显示不同按钮）。
前置条件
用户在主界面点击“我买到的”按钮，系统获取用户的购买订单数据并展示。
后置条件
- 点击“查看产品使用说明”可查看商品的使用指南等信息；
- 点击“再次购买”可直接将商品加入购物车或进入购买流程；
- 点击“查看物流”可查看订单的物流运输情况；
- 点击“取消订单”可在符合条件的情况下取消订单；
- 点击“确认收货”可确认收到商品，完成交易流程。
操作步骤
用户在我买到的界面浏览购买的订单列表，根据订单状态点击相应按钮进行操作，如对于已发货的订单点击“查看物流”了解商品运输进度。
（9） 订单详情 - 待评价界面
功能
展示待评价订单的详细信息，让用户全面了解购买商品的情况，包括商品信息、交易金额、收货信息、订单编号等，同时提供评价和申请售后等功能入口，促进用户反馈购物体验和解决售后问题，帮助平台和卖家改进服务，也为其他用户提供参考。
界面组成
- 顶部区域：显示“待评价”，明确订单状态。
- 商品信息区域：左侧是商品图片，右侧依次是商品名称（如“郁金香，水培郁金香四季香开”）、规格（20支）、价格（￥9.99）、“七天无理由退换”标识、实付款金额（￥9.99）。
- 功能按钮区域：中间有“申请售后”和绿色“评价”按钮，方便用户进行相应操作。
- 订单详情区域：详细展示商品总价、运费（￥0.00）、实付款等金额信息，以及收货信息（收货人姓名、电话、地址等）、订单编号（1234567890123456）、支付宝交易号（1234567890123456）、创建时间（2025 - 03 - 25 16:35:28）、付款时间（2025 - 03 - 25 16:35:28）、发货时间（2025 - 03 - 26 16:35:28）、成交时间（2025 - 03 - 25 16:35:28）等订单相关信息。
- 商品推荐区域：底部“猜你喜欢”部分展示绿植商品，包含商品图片、名称（如“【秒杀特价】栀子花6.9 - 盆！！花期带花苞”“三角梅绿植，绿叶樱花三角梅，抹茶色渐变樱花粉”）、价格（如￥6.99、￥29.99）、付款人数（10人付款）、店铺名称（店铺名称店铺名称 进店）等信息，引导用户继续购物。
- 操作按钮区域：底部有“删除订单”“查看物流”“评价”等按钮，方便用户进行订单管理操作。
前置条件
用户在“我买到的”界面点击待评价的订单，系统加载该订单的详细信息并展示。
后置条件
- 点击“申请售后”可进入售后申请流程，填写售后原因等信息；
- 点击“评价”可进入评价页面，对商品和服务进行打分和文字评价；
- 点击商品推荐区域的商品可进入商品详情页进行购买操作；
- 点击“删除订单”可在符合条件的情况下删除订单记录；
- 点击“查看物流”可查看订单的物流运输情况。
操作步骤
用户进入订单详情 - 待评价界面后，查看订单详细信息，根据自身需求点击相应按钮，如对商品满意则点击“评价”进行评价，对商品有问题则点击“申请售后”反馈问题，也可浏览猜你喜欢的商品进行选购。
三、二手闲置物品交易平台原型设计界面切换流程说明：
1.主界面（页面1）→ 功能模块跳转流程
（1）主界面 → 我的收藏
- 触发条件：点击主界面快捷功能区 我的收藏 按钮。
- 界面变化：跳转到 我的收藏界面，展示用户收藏的绿植商品列表（如栀子花苗、三角梅盆景等）。
- 操作逻辑：用户可滑动浏览收藏商品，点击商品卡片进入 商品详情页。
（2） 主界面 → 历史浏览
- 触发条件：点击主界面快捷功能区 历史浏览 按钮。
- 界面变化：跳转到 历史浏览界面，展示用户浏览过的商品记录（布局与我的收藏类似）。
- 操作逻辑：用户可通过商品卡片回顾历史浏览内容，点击进入 商品详情页。
（3）主界面 → 我的关注
- 触发条件：点击主界面快捷功能区 我的关注 按钮。
- 界面变化：跳转到 我的关注界面，包含：
- 搜索栏：搜索用户名或点评。
- 关注区域：显示用户关注的对象（当前为空）。
- 推荐用户：展示“汪汪汪汪汪”“喵喵喵喵”等推荐用户，支持点击“关注”按钮。
- 内容推荐：显示“胖虎”等用户发布的绿植动态（如郁金香盆栽），支持点击查看详情。
（4）主界面 → 红包卡券
- 触发条件：点击主界面快捷功能区 红包卡券 按钮。
- 界面变化：跳转到 红包卡券界面，包含：
- 选项卡：切换“红包卡券”与“优惠券说明”。
- 券管理：未使用、已使用、已过期标签页，支持输入兑换码。
- 商品推荐：底部“猜你喜欢”展示栀子花、三角梅等商品，点击进入 商品详情页。
（5）主界面 → 我发布的
- 触发条件：点击主界面交易功能区 我发布的 按钮。
- 界面变化：跳转到 我发布的界面，以列表形式展示用户发布的商品（如风雨兰、发财树盆栽），支持点击商品进行编辑或查看详情。
（6）主界面 → 我卖出的
- 触发条件：点击主界面交易功能区 我卖出的 按钮（钱包图标）。
- 界面变化：跳转到 我卖出的界面，展示用户成功卖出的商品记录（如风雨兰订单），点击可查看 订单详情页。
（7）主界面 → 我买到的
- 触发条件：点击主界面交易功能区 我买到的 按钮（购物袋图标）。
- 界面变化：跳转到 我买到的界面，按订单状态（待付款、已发货等）展示商品，如“50颗风雨兰”订单，点击进入 订单详情 - 待评价界面。
（8）主界面 → 待评价
- 触发条件：点击主界面交易功能区 待评价 按钮（对话气泡图标）。
- 界面变化：跳转到 订单详情 - 待评价界面，展示待评价订单的详细信息（如郁金香订单），支持点击“评价”或“申请售后”。
2.核心功能界面内部跳转流程
（1） 商品详情页 ↔ 其他界面
- 触发条件：在 我的收藏/历史浏览/红包卡券推荐 中点击商品卡片。
- 界面变化：跳转到 商品详情页，展示商品图片、描述、价格、卖家信息及“收藏”“购买”按钮。
- 后续操作：
- 点击“收藏”：返回主界面并更新 我的收藏 数量（+1）。
- 点击“购买”：跳转至 支付流程。
（2）我的关注界面 → 用户主页/内容详情页
- 触发条件：点击推荐用户头像（如“汪汪汪汪汪”）或推荐内容（如胖虎发布的郁金香动态）。
- 界面变化：
- 点击用户头像：跳转至 用户个人主页，查看其发布的所有商品和动态。
- 点击内容：跳转至 内容详情页，查看完整图文和评论（如“球球：好养吗？”）。
（3）订单详情页 → 售后/评价流程
- 触发条件：在 我买到的/待评价 中点击订单。
- 界面变化：跳转到 订单详情 - 待评价界面，点击“申请售后”进入 售后处理流程，点击“评价”进入 评价提交界面。
3.底部导航栏全局跳转流程
- 主页：返回主界面（个人中心）。
- 购物车：跳转到购物车界面（原型未详细展示），查看已添加的商品。
- 发布：跳转到 商品发布界面（原型未详细展示），支持上传图片、填写商品信息。
- 消息：跳转到消息中心，查看系统通知、聊天记录（如与卖家的沟通）。
- 个人中心：当前主界面，展示用户信息和功能入口。
通过以上流程，用户可在各功能模块间流畅切换，完成从浏览、收藏、购买到评价的全流程操作，同时通过社交推荐和营销功能提升交易效率与用户粘性。
浙公网安备 33010602011771号