绿韵花坊交易平台

一：墨刀、Axure RP、Mockplus三款主流原型设计工具的对比分析

1. 墨刀（Modao）

适用领域：

• 快速中低保真原型：适合互联网团队快速迭代，尤其是移动端和Web端原型。
• 团队协作：云端协作功能强，适合分布式团队实时评审和修改。
• 非技术背景用户：学习成本低，适合产品经理、UI设计师快速上手。

优点：

• 操作简单：拖拽式交互+内置组件库，10分钟可完成基础原型。
• 云端协同：支持多人实时编辑、评论和版本管理。
• 移动端友好：一键生成二维码预览，真机适配效果好。

缺点：

• 高保真能力弱：复杂动效和逻辑实现受限（如条件判断）。
• 离线功能差：依赖网络，无本地保存选项。
• 企业版成本高：高级功能（如私有化部署）价格较高。

---

2. Axure RP

适用领域：

• 复杂高保真原型：适合需要动态面板、变量、条件逻辑的深度交互设计（如金融、ERP系统）。
• 专业文档输出：自动生成PRD文档，适合传统软件开发生命周期。
• 企业级项目：支持大型团队分工协作（需配合Axure Cloud）。

优点：

• 功能全面：支持高级交互（如函数、中继器）、自适应视图。
• 高度自定义：可扩展插件库，满足个性化需求。
• 本地化存储：数据安全性强，适合敏感行业。

缺点：

• 学习曲线陡峭：需系统学习变量、事件等概念，新手难上手。
• 协作成本高：团队协作需订阅Axure Cloud，且同步效率低于云端工具。
• 资源占用大：大型文件易卡顿，对电脑配置要求高。

---

3. Mockplus

适用领域：

• 轻量级原型设计：适合初创团队或个人快速验证创意（尤其移动端）。
• 教育/培训场景：学生或新人学习原型设计的入门工具。
• 敏捷开发：快速输出可交互Demo，缩短需求确认周期。

优点：

• 极简交互：通过“链接点”实现交互，比Axure更直观。
• 跨平台支持：桌面端+在线版+客户端全覆盖，且离线可用。
• 性价比高：永久授权版价格亲民，适合预算有限的团队。

缺点：

• 功能深度不足：复杂交互（如数据驱动）需借助代码。
• 组件库较少：相比Axure或Figma，生态资源有限。
• 协作功能弱：评审和批注功能不如墨刀流畅。

---

横向对比总结

工具	核心优势	核心劣势	推荐场景
墨刀	快速协作、移动端友好	高保真能力弱、依赖云端	互联网团队敏捷开发
Axure	复杂交互、企业级定制	学习成本高、价格昂贵	传统软件/复杂系统原型
Mockplus	极简操作、高性价比	功能较基础、生态较小	教育/个人/轻量级需求验证

---

发布主界面磨刀链接

二：原型设计具体说明

1. 主题与功能说明

主题名称：绿韵花坊交易平台
核心定位：专注于植物二手交易与社交的垂直平台，以“绿色循环”为理念，促进植物爱好者交流与闲置植物流转。

功能模块：

• 首页：植物商品浏览、分类检索、搜索功能。
• 发布页：支持晒好物（社交分享）、拍图挂售（自主售卖）、平台寄卖（托管售卖）。
• 消息页：交易通知、私信沟通。
• 个人中心：订单管理、草稿箱、账户设置。

界面设计考虑因素：

• 主色调：祖母绿（#00755A）传递自然、环保感，搭配浅绿/白色提升可读性。
• 图标风格：线性图标+圆角按钮，符合植物主题的柔和感。
• 交互逻辑：简化操作步骤（如发布流程不超过4步），突出核心功能（如“拍图挂售”按钮高亮）。

---

2. 发布主界面及子页面说明

发布页面（父级页面）

功能定位：用户发布植物相关内容的统一入口，整合社交分享与交易功能。
界面组成：

• 顶部导航：标题“发布”，返回按钮（返回首页）。
• 功能切换Tab：平铺式标签（晒好物 / 拍图自己卖 / 挂售/寄售）。
• 主操作区：根据所选Tab动态显示对应子页面内容。
• 底部悬浮按钮：绿色“+”号（表示已经位于发布主界面）。
  
  前置条件：用户已登录，授权相机/相册权限。
  后置条件：发布内容提交后，数据同步至个人中心或首页展示。

---

子页面1：晒好物（社交分享）

功能：分享植物养护动态，非交易性质。
界面组成：

• 媒体上传区：
  • 按钮“照片/视频”（调用本地相册或相机）。
  • 预览缩略图（可多选，最大9张）。
• 信息填写区：
  • 文本框（0/1000字，输入描述，如“龟背竹新叶打卡”）。
  • 标签选择器（添加#多肉#水培等标签）。
  • 隐私开关（公开/仅自己可见）。
• 操作栏：
  • “存草稿”（保存至个人中心草稿箱）。
  • “发布”（提交后显示在社区动态页）。
    

交互逻辑：

1. 用户点击“照片/视频”上传素材；
2. 输入描述并添加标签；
3. 选择可见范围后发布或存草稿。

---

子页面2：拍图自己卖

功能：用户自主发布闲置植物，自行承担物流。
界面组成：

• 商品信息区：
  • 标题输入框（“秋发布自己的闲置植物吧”+字数限制提示）。
  • 价格输入（带¥符号，支持小数点）。
  • 多图上传（主图+细节图，最多6张）。
• 物流选项：
  • 单选按钮（“自选快递”/“平台推荐物流”）。
• 服务费提示：底部小字“成交后收取3%服务费”。
• 操作按钮：
  • “存草稿”（灰色按钮，未填写必选项时禁用）。
  • “发布”（绿色按钮，提交后进入平台验货流程）。
    

关键交互：

1. 用户拍照或上传商品图；
2. 填写标题、价格、物流方式；
3. 确认服务费后发布，生成订单待买家支付。

---

子页面3：寄售选择页

功能：

• 提供植物分类浏览功能，用户可通过分类检索快速找到目标植物。
• 支持搜索功能，用户可输入关键词查找特定植物。
• 作为入口页面，点击任意植物可进入寄售详情页。

界面组成：

• 分类检索栏：位于搜索栏下方，包含以下分类选项：
  • 观赏植物
  • 食用植物
  • 水果植物
  • 香草植物
  • 药用植物
  • 工业植物
  • 水培植物
• 植物图片展示区：分类下方为植物图片的网格布局。
  

前置条件：

• 用户已打开应用或进入寄售模块。

后置条件：

• 用户点击任意植物图片后，跳转至详情页。

操作步骤：

1. 用户浏览分类或使用搜索功能查找目标植物。
2. 点击感兴趣的植物图片。
3. 系统跳转至该植物的详情页。

---

子页面4：挂售详情页

功能

挂售详情页是用户选择“挂售”方式后进入的页面，主要功能包括：

• 展示挂售模式的核心特点（自主保管、平台验货等）。
• 提供挂售流程的图文说明，引导用户完成操作。
• 允许用户确认并提交挂售申请。

界面组成

页面分为以下模块：

• 核心卖点展示区：
  • 突出“售出后再发货”“自主保管宝贝”等自由度高、风险低的优势。
  • 搭配简洁图标或标签（「更自由」）。
• 流程说明区：
  • 分步骤图文展示挂售流程（1. 买家拍下 → 2. 寄送检验 → 3. 签收打款）。
  • 标注关键信息（如服务费比例3%-5%）。
• 操作按钮：底部固定“确认挂售”按钮，引导用户提交。
  

前置条件

用户需满足以下条件方可进入此页面：

• 已在发布主界面选择“挂售”模式。
• 已登录账号并通过基础身份验证。

后置条件

用户完成此页操作后：

• 点击“确认挂售”后，跳转至商品信息填写页。
• 系统记录用户选择的挂售模式，后续流程按此模式执行。

操作步骤说明

1. 查看流程：用户阅读挂售的3个步骤及费用说明。
2. 确认模式：若无异议，点击“确认挂售”进入下一步。
3. 填写信息：后续需补充商品详情、实物照片等。

---