danyang-match/docs/archive/design-v1.0/高保真页面原型说明书.md

# 丹阳公益婚恋服务平台
# V1.0 高保真页面原型说明书

版本：V1.0  
适用范围：微信小程序用户端、公益红娘工作台、运营管理后台  
设计依据：《产品详细功能架构设计 V1.0》《页面级功能清单与交互流程设计》《前端UI/UX视觉与原型设计规范》

---

# 第一章 文档目标

本文件用于进一步明确V1.0核心页面的高保真原型结构，包括：

- 页面整体布局
- 页面信息层级
- 页面组件位置
- 页面默认文案
- 页面按钮
- 页面状态
- 页面跳转关系
- 页面异常状态
- 核心交互逻辑

本文件可以直接作为：

- Figma高保真原型设计依据
- 前端页面开发依据
- 页面验收依据
- 产品走查依据

---

# 第二章 原型设计基本尺寸

## 2.1 小程序设计基准

设计基准宽度：

```text
375px
```

主要适配：

```text
320px
375px
390px
414px
430px
```

---

## 2.2 页面基础参数

```text
页面左右边距：16px

顶部标题区：16～24px

卡片间距：16px

区块间距：20～24px

底部安全区域：系统安全区 + 12px
```

---

# 第三章 页面原型总目录

用户端首批高保真页面：

```text
H01 登录页
H02 实名认证说明页
H03 实名认证页
H04 基础资料填写
H05 生活资料填写
H06 照片上传
H07 婚恋态度
H08 择偶条件
H09 资料确认
H10 审核中
H11 审核退回
H12 首页推荐
H13 推荐结束
H14 找对象
H15 筛选条件
H16 用户详情
H17 喜欢成功状态
H18 双向喜欢成功
H19 我的缘分
H20 消息首页
H21 聊天详情
H22 解除匹配
H23 举报
H24 活动首页
H25 活动详情
H26 活动报名确认
H27 报名成功
H28 我的活动
H29 活动签到
H30 公益红娘首页
H31 红娘服务申请
H32 红娘服务进度
H33 红娘推荐
H34 我的
H35 我的资料
H36 我的择偶条件
H37 婚恋状态
H38 隐私设置
H39 黑名单
H40 系统通知
H41 帮助中心
H42 意见反馈
H43 账号受限
```

红娘端：

```text
R01 登录
R02 工作台
R03 服务申请列表
R04 用户服务详情
R05 候选人推荐
R06 推荐确认
R07 跟进记录
R08 我的服务用户
```

管理后台：

```text
A01 登录
A02 工作台
A03 用户管理
A04 用户详情
A05 审核列表
A06 审核详情
A07 匹配管理
A08 匹配规则
A09 红娘服务
A10 红娘人员
A11 活动列表
A12 创建活动
A13 报名管理
A14 活动签到
A15 举报中心
A16 举报详情
A17 组织管理
A18 人员管理
A19 权限管理
A20 数据概览
```

---

# 第四章 H01 登录页

## 4.1 页面目标

让用户快速理解：

> 这是一个正规、公益、实名制婚恋平台。

---

## 4.2 页面结构

```text
┌──────────────────────┐
│                      │
│        LOGO          │
│                      │
│ 丹阳公益婚恋服务平台    │
│                      │
│ 真实相识 · 公益牵线      │
│                      │
│                      │
│                      │
│ [ 微信快捷登录 ]        │
│                      │
│ □ 我已阅读并同意         │
│ 《用户协议》《隐私政策》  │
│ 《公益婚恋服务规则》      │
│                      │
│   公益婚恋 · 永久免费     │
└──────────────────────┘
```

---

## 4.3 主要组件

### Logo

尺寸建议：

```text
72×72px
```

### 平台名称

20～22px Semibold。

### 标语

14px。

### 微信登录按钮

高度：

```text
48px
```

品牌主色。

---

## 4.4 交互

点击：

> 微信快捷登录

如果协议未勾选：

页面底部Toast：

> 请先阅读并同意相关协议。

登录成功：

首次用户：

> H02 实名认证说明

已有资料用户：

根据账号状态跳转。

---

# 第五章 H02 实名认证说明页

## 5.1 页面目标

解释：

> 为什么必须实名认证。

---

## 5.2 页面布局

```text
实名认证

为了保障真实、安全的婚恋交友环境，
所有用户需要完成实名认证。

✓ 确认真实身份
✓ 降低虚假账号风险
✓ 提高相亲信息可信度

────────────

你的身份信息将被严格保护

身份证号码不会向其他用户公开，
普通工作人员也无法随意查看。

[ 开始实名认证 ]

暂不认证
```

---

## 5.3 视觉重点

“安全保护”区使用浅绿色卡片。

---

## 5.4 交互

开始实名认证：

> H03

暂不认证：

弹窗：

> 未完成实名认证暂时无法使用婚恋匹配功能。

按钮：

> 继续认证

> 暂时退出

---

# 第六章 H03 实名认证页

## 页面结构

```text
实名认证

真实姓名
[ 请输入真实姓名 ]

身份证号码
[ 请输入身份证号码 ]

🔒 仅用于身份认证，不会向其他用户公开。

[ 开始认证 ]
```

---

## 成功状态

页面中间：

```text
✓

实名认证成功

身份信息已核验，
接下来完善你的个人资料。

[ 继续 ]
```

---

## 失败状态

字段下方：

> 姓名或身份证号码不一致，请检查后重试。

多次失败：

> 暂时无法完成认证，请联系平台工作人员。

---

# 第七章 H04 基础资料填写

## 顶部

```text
完善资料 1/5

████░░░░░░
```

---

## 页面字段

```text
基本情况

性别
男
由实名认证获取

年龄
36岁
由实名认证获取

当前居住地
[ 丹阳 ▼ ]

身高
[ 175cm ▼ ]

婚姻状况
[未婚] [离异] [丧偶]

是否有子女
[无] [有]

学历
[ 本科 ▼ ]

职业
[ 企业职员 ▼ ]
```

底部：

> 下一步

---

## UX要求

一屏不要塞满。

如果内容较长：

允许滚动。

底部按钮固定。

---

# 第八章 H05 生活资料填写

```text
完善资料 2/5

██████░░░░

了解你的生活

工作区域
[ 丹阳开发区 ▼ ]

是否吸烟
[不吸烟] [偶尔] [吸烟]

是否饮酒
[不饮酒] [偶尔] [经常]

是否长期居住丹阳
[是] [否] [暂不确定]

未来是否愿意在丹阳生活
[愿意] [视情况] [不考虑]

你的兴趣
[旅行] [运动] [阅读] [电影]
[摄影] [美食] [公益] [更多]

[ 下一步 ]
```

---

# 第九章 H06 照片上传

## 页面结构

```text
完善资料 3/5

请上传本人真实照片

主头像
┌──────────┐
│          │
│ + 上传照片 │
│          │
└──────────┘

要求：
请上传近期、清晰、无遮挡的本人照片

生活照片
[ + ] [ + ] [ + ]
[ + ] [ + ] [ + ]

最多上传6张生活照片

[ 下一步 ]
```

---

## 上传后

主头像显示：

```text
[本人照片]

主头像

更换
```

生活照片每张右上角：

> ×

长按不做排序。

V1如果需要排序，使用：

> 调整顺序

单独入口。

---

# 第十章 H07 婚恋态度

```text
完善资料 4/5

你期待怎样的关系？

婚恋目标

● 寻找以结婚为目标的稳定关系

希望多久进入婚姻？

○ 半年内
○ 1年内
● 1～2年
○ 2年以上
○ 顺其自然

愿意参加公益相亲活动吗？

[愿意] [暂不考虑]

接受公益红娘推荐吗？

[接受] [暂不接受]

简单介绍一下自己

[ 
性格比较开朗，工作稳定，
平时喜欢运动、旅行……
]

[ 下一步 ]
```

---

# 第十一章 H08 择偶条件

## 页面结构

```text
完善资料 5/5

你希望认识怎样的人？

年龄
28 ───────── 35

重要程度
● 必须符合
○ 最好符合

身高
160 ─────── 175

重要程度
○ 必须符合
● 最好符合

地区
[丹阳]

婚姻状况
[未婚] [离异]

学历
[大专以上]

是否接受有子女
[接受] [不接受] [视情况]

更多条件 >
```

底部：

> 完成

---

# 第十二章 H09 资料确认页

```text
确认资料

个人资料
✓ 基础资料
✓ 生活资料
✓ 头像照片
✓ 婚恋态度
✓ 自我介绍

择偶条件
✓ 已填写

─────────────

提交后工作人员将进行人工审核。

[ 提交审核 ]

返回修改
```

---

# 第十三章 H10 审核中

```text
          ○
      资料审核中

✓ 实名认证已完成
○ 资料人工审核中

工作人员正在核验头像、
个人资料和婚恋信息。

你的资料审核通过后，
即可开始使用匹配功能。

[ 查看我的资料 ]
```

底部可显示：

> 如需帮助，请联系平台工作人员。

---

# 第十四章 H11 审核退回页

```text
        !

需要修改资料

头像需要重新上传

原因
当前照片无法清楚确认本人。

建议
请上传近期、清晰、无遮挡的本人照片。

[ 立即修改 ]

查看其他审核结果
```

如果有多个问题：

使用列表：

```text
头像         需修改
个人介绍      已通过
基础资料      已通过
```

---

# 第十五章 H12 首页推荐

这是用户端最高优先级页面。

## 页面结构

```text
上午好，张先生

今天为你推荐6位合适的朋友

┌────────────────────┐
│                    │
│      王女士照片       │
│                    │
│                    │
├────────────────────┤
│ 王女士 · 32岁        │
│ 165cm · 丹阳        │
│ 本科 · 教师          │
│                    │
│ ✓ 已实名   ✓ 已审核   │
│                    │
│ 为什么推荐给你        │
│ ✓ 年龄符合双方条件     │
│ ✓ 都希望长期在丹阳生活 │
│ ✓ 婚恋计划比较一致     │
│                    │
│ 不合适  查看资料  喜欢  │
└────────────────────┘

公益红娘可以帮你进一步寻找
[ 申请红娘帮助 ]

本周公益相亲活动 >
```

---

## 首页交互

### 点击照片

进入：

> H16 用户详情

### 点击查看资料

进入：

> H16

### 点击喜欢

如果非双向：

Toast：

> 已表达喜欢。

自动切下一位。

如果刚好形成双向喜欢：

直接进入：

> H18 双向喜欢成功

### 点击不合适

Toast：

> 已记录。

切下一位。

---

# 第十六章 H13 今日推荐结束

```text
        ✓

今天的推荐看完啦

可以继续主动寻找，
也可以让公益红娘帮你看看。

[ 去找对象 ]

[ 请红娘帮我找 ]

今天已查看 6 位推荐
```

---

# 第十七章 H14 找对象

```text
找对象                         筛选

系统为你优先展示
符合双方条件的人

┌──────────────────┐
│ [照片] 王女士 31岁 │
│       丹阳 · 本科  │
│       教育行业      │
│       未婚          │
│       ✓ 已实名      │
└──────────────────┘

┌──────────────────┐
│ [照片] 李女士 33岁 │
│       丹阳 · 大专  │
│       企业职员      │
│       未婚          │
│       ✓ 已实名      │
└──────────────────┘
```

整张卡片可点击。

---

# 第十八章 H15 筛选条件

全屏弹层。

```text
筛选                         重置

年龄
[28岁] ─────── [35岁]

身高
[160] ─────── [175]

地区
[丹阳]

婚姻状况
[未婚] [离异] [丧偶]

学历
[不限]
[大专以上]
[本科以上]

是否接受有子女
[不限] [接受] [不接受]

更多条件

───────────────

[ 查看 26 位符合条件的人 ]
```

如果结果为0：

按钮：

> 暂无完全符合条件的人

下面：

> 可以放宽“最好符合”的条件。

---

# 第十九章 H16 用户详情

## 页面第一屏

```text
←                            ···

┌────────────────────┐
│                    │
│      王女士照片       │
│                    │
└────────────────────┘

王女士 · 32岁

165cm · 丹阳
本科 · 教师

✓ 已实名
✓ 资料已人工审核
```

---

## 关于TA

```text
关于TA

婚姻状况      未婚
子女情况      无
学历          本科
职业          教育行业
工作区域      丹阳
是否吸烟      不吸烟
是否饮酒      偶尔
```

---

## TA的介绍

```text
TA的介绍

性格比较开朗，平时喜欢旅行、
运动和看电影，希望认识一个
认真、稳定、愿意一起经营家庭的人。
```

---

## 兴趣

```text
TA的兴趣

[旅行] [运动] [电影]
[阅读] [美食]
```

---

## 生活照片

```text
TA的生活

[照片] [照片] [照片]
[照片] [照片]
```

---

## 婚恋态度

```text
婚恋态度

婚恋目标
寻找以结婚为目标的稳定关系

结婚计划
1～2年内

长期定居丹阳
愿意
```

---

## 择偶期待

```text
TA的择偶期待

年龄     30～38岁
地区     丹阳及周边
婚姻状况 未婚/离异
```

---

## 推荐理由

```text
为什么推荐给你？

✓ 双方年龄条件符合
✓ 都希望在丹阳长期生活
✓ 婚恋计划比较接近
```

---

## 底部固定栏

```text
[ 不合适 ]          [ ♥ 喜欢 ]
```

已喜欢：

```text
[ 不合适 ]          [ 已喜欢 ]
```

已匹配：

```text
[ 查看缘分 ]        [ 发消息 ]
```

---

# 第二十章 H17 已表达喜欢状态

不单独跳页。

采用Toast：

> 已表达喜欢。

同时底部按钮：

> 已喜欢

状态颜色变为浅品牌色。

---

# 第二十一章 H18 双向喜欢成功

```text
          ♥

      你们互相喜欢

[张先生头像]   [王女士头像]

王女士也愿意进一步了解你

希望你们有一个好的开始。

[ 开始聊天 ]

稍后再聊
```

页面允许轻量爱心淡入动效。

---

# 第二十二章 H19 我的缘分

```text
我的缘分

互相喜欢 | 我喜欢的 | 喜欢我的
───────────────────

互相喜欢

[头像] 王女士 32岁
      丹阳 · 教师
      8月28日互相喜欢

      [ 发消息 ]
```

---

## 我喜欢的

```text
[头像] 李女士 31岁
      等待对方回应

      取消喜欢
```

---

## 喜欢我的

```text
[头像] 陈女士 34岁
      丹阳 · 企业职员

[暂不考虑] [喜欢TA]
```

---

# 第二十三章 H20 消息首页

```text
消息

聊天 | 系统通知
────────────────

[头像] 王女士
      周末有时间吗？
                         10:32

[头像] 李女士
      好的，谢谢
                         昨天
```

空状态：

```text
暂无聊天

双方互相喜欢后，
就可以开始交流。

[ 去看看推荐 ]
```

---

# 第二十四章 H21 聊天详情

```text
← 王女士                        ···

┌──────────────────────┐
│ 安全提醒               × │
│ 请保护个人隐私，谨慎涉及 │
│ 转账、借款、投资等资金往来│
└──────────────────────┘

[头像] 你好，很高兴认识你

                 你好，我也是
                 很高兴认识你

[头像] 平时周末喜欢做什么？

──────────────────────

😊   输入消息...           ＋
```

---

## “+”功能

V1只显示：

```text
照片
```

不显示：

- 视频
- 位置
- 文件
- 红包

---

# 第二十五章 H22 解除匹配

Bottom Sheet：

```text
不再继续了解？

请选择原因

○ 感觉不合适
○ 沟通不顺畅
○ 已有其他了解对象
○ 对方让我不舒服
○ 其他

[ 确认解除 ]

取消
```

选择：

> 对方让我不舒服

额外出现：

> 是否同时举报？

按钮：

> 去举报

---

# 第二十六章 H23 举报

```text
举报用户

举报原因

[虚假资料]
[婚姻状态疑似虚假]
[骚扰]
[色情低俗]
[广告营销]
[诈骗]
[金钱诱导]
[冒充他人]
[其他]

补充说明

[请输入具体情况]

上传证据

[ + 上传截图 ]

[ 提交举报 ]
```

---

# 第二十七章 H24 活动首页

```text
公益相亲活动

即将开始

┌────────────────────┐
│      活动封面         │
├────────────────────┤
│ 丹阳青年公益相亲会     │
│ 9月20日 周日 14:00   │
│ 丹阳××活动中心        │
│                    │
│ 公益免费             │
│              查看详情 │
└────────────────────┘

我的报名  1 >

往期活动 >
```

---

# 第二十八章 H25 活动详情

```text
←

[活动封面]

丹阳青年公益相亲会

公益免费

时间
2026年9月20日 14:00

地点
丹阳××活动中心

主办单位
丹阳市×××

承办单位
××公益服务中心

适合人群
25～40岁成年单身人士

活动介绍
……

活动流程
14:00 签到
14:30 互动活动
……

注意事项
……

[ 立即报名 ]
```

---

# 第二十九章 H26 活动报名确认

```text
确认报名

张先生
36岁
手机号 138****1234

活动
丹阳青年公益相亲会

时间
9月20日 14:00

地点
丹阳××活动中心

□ 我已阅读并同意活动规则

[ 确认报名 ]
```

---

# 第三十章 H27 报名成功

```text
          ✓

      报名已提交

工作人员审核后，
会通过系统消息通知你。

[ 查看我的活动 ]

返回活动首页
```

---

# 第三十一章 H28 我的活动

```text
我的活动

待参加 | 审核中 | 已结束

[活动封面]
丹阳青年公益相亲会

9月20日 14:00

状态
报名成功

[ 查看详情 ]
```

---

# 第三十二章 H29 活动签到

```text
活动签到

丹阳青年公益相亲会

9月20日 14:00

请向工作人员出示二维码

┌────────────┐
│            │
│   QR CODE  │
│            │
└────────────┘

未签到
```

签到后：

```text
✓ 已签到

签到时间
13:52
```

---

# 第三十三章 H30 公益红娘首页

```text
公益红娘

没找到合适的人？

平台公益红娘可以根据你的情况，
帮助你进一步筛选和牵线。

[ 申请红娘帮助 ]

────────────────

我的服务

服务中        1 >

红娘推荐      2 >

────────────────

公益说明

红娘只提供协助推荐，
是否进一步了解始终由你自己决定。
```

---

# 第三十四章 H31 红娘服务申请

```text
申请红娘帮助

你希望得到什么帮助？

○ 帮我推荐合适的人
○ 帮我看看择偶条件
○ 帮我联系意向对象
○ 想参加线下活动
○ 匹配很久没有结果
○ 不知道怎么开始交流
○ 其他

补充说明

[可以简单说说你的情况]

[ 提交申请 ]
```

---

# 第三十五章 H32 红娘服务进度

```text
公益红娘服务

服务状态

✓ 已提交
✓ 工作人员已接单
● 服务中
○ 已完成

服务人员

张老师
丹阳××公益服务中心

最近记录

8月28日
已查看你的择偶条件，
正在帮你筛选合适对象。

[ 补充说明 ]
```

---

# 第三十六章 H33 红娘推荐

```text
公益红娘为你推荐

张老师推荐了一位朋友

┌──────────────────┐
│ [照片] 王女士 32岁 │
│       丹阳 · 本科  │
│       教师          │
│       已实名        │
└──────────────────┘

推荐理由

年龄、地区和婚恋计划都比较符合，
建议进一步了解。

[ 查看资料 ]
```

---

# 第三十七章 H34 我的

```text
[头像]

张先生

✓ 已实名
✓ 资料已审核

资料完整度

████████░░ 85%

再完善2项资料，
有助于获得更准确推荐。

[ 继续完善 ]

────────────────

婚恋服务

我的资料              >
我的择偶条件           >
我的缘分              >
公益红娘              >
我的活动              >

────────────────

安全与隐私

我的认证              >
隐私设置              >
黑名单                >

────────────────

服务

帮助中心              >
意见反馈              >
关于平台              >
```

---

# 第三十八章 H35 我的资料

```text
我的资料

头像
[照片]

基本资料

张先生
36岁
175cm
丹阳
本科
企业职员

婚恋状态
未婚

兴趣
[运动] [旅行] [阅读]

我的介绍
……

[ 编辑资料 ]
```

---

# 第三十九章 H36 我的择偶条件

```text
我的择偶条件

年龄
28～35岁
必须符合

身高
160～175cm
最好符合

地区
丹阳
必须符合

学历
本科以上
最好符合

婚姻状况
未婚

是否接受有子女
视情况

[ 修改条件 ]
```

---

# 第四十章 H37 婚恋状态

```text
我的婚恋状态

● 正在寻找
  正常参与推荐

○ 正在了解
  正在和某位对象进一步接触

○ 暂停寻找
  暂时停止推荐

○ 成功牵手
  停止婚恋推荐

○ 退出婚恋服务
  保留账号但关闭婚恋功能
```

选择：

> 正在了解

出现：

```text
是否暂停其他对象推荐？

[ 暂停推荐 ]
[ 继续推荐 ]
```

---

# 第四十一章 H38 隐私设置

```text
隐私设置

出现在系统推荐
             [开]

允许通过“找对象”看到我
             [开]

展示职业类别
             [开]

展示生活照片
             [开]

接收公益活动推荐
             [开]

接受公益红娘推荐
             [开]
```

底部说明：

> 姓名、手机号、身份证和精确地址不会向普通用户公开。

---

# 第四十二章 H39 黑名单

```text
黑名单

[头像] 王女士
      拉黑时间：8月20日

      解除拉黑
```

空状态：

> 暂无黑名单用户。

---

# 第四十三章 H40 系统通知

```text
系统通知

审核通知

✓ 你的资料已通过审核
  8月28日

匹配通知

♥ 你和王女士互相喜欢
  8月28日

活动通知

公益相亲活动报名已通过
  8月27日
```

---

# 第四十四章 H41 帮助中心

```text
帮助中心

实名认证

为什么需要实名认证？ >

资料审核

资料为什么需要人工审核？ >

婚恋匹配

怎样才能和对方聊天？ >

公益红娘

公益红娘可以帮我做什么？ >

活动

如何参加公益相亲活动？ >

安全

如何举报不安全用户？ >
```

---

# 第四十五章 H42 意见反馈

```text
意见反馈

反馈类型

[功能问题 ▼]

问题描述

[请详细描述你的问题或建议]

上传图片

[ + 上传 ]

联系电话
[138****1234]

[ 提交反馈 ]
```

---

# 第四十六章 H43 账号受限

```text
        !

账号功能暂时受限

当前状态
风险审核中

原因
平台收到相关安全反馈，
工作人员正在进一步核实。

期间部分婚恋功能暂时无法使用。

[ 提交申诉 ]

联系客服
```

---

# 第四十七章 红娘端 R01 登录页

PC Web。

```text
┌──────────────────────────┐
│                          │
│   丹阳公益婚恋服务平台      │
│   公益红娘工作台            │
│                          │
│   账号                    │
│   [_______________]       │
│                          │
│   密码                    │
│   [_______________]       │
│                          │
│   [ 登录 ]                │
│                          │
└──────────────────────────┘
```

---

# 第四十八章 R02 红娘工作台

布局：

```text
┌────────┬─────────────────────────────┐
│        │ 公益红娘工作台                │
│ 工作台  │                              │
│ 服务申请 │ 今日待处理 8                  │
│ 我的用户 │ 新申请 3   待跟进 12           │
│ 推荐管理 │ 推荐待反馈 5                   │
│ 跟进记录 │                              │
│        │ 我的待办                      │
│        │                              │
│        │ 张先生  帮我推荐对象     待处理   │
│        │ 李女士  3天未跟进       待跟进   │
└────────┴─────────────────────────────┘
```

---

# 第四十九章 R03 服务申请列表

```text
服务申请

[待接单] [服务中] [已完成]

用户    年龄   需求         时间       状态

张先生   36   帮我推荐对象    09:21     待接单
李女士   32   看看择偶条件    昨天      服务中
```

操作：

> 查看

---

# 第五十章 R04 用户服务详情

PC三栏。

```text
┌─────────────┬──────────────┬─────────────┐
│ 用户资料      │ 服务记录       │ 操作          │
│             │              │             │
│ 张先生       │ 服务需求       │ [推荐对象]     │
│ 36岁         │ 帮我推荐合适的人 │ [添加跟进]     │
│ 丹阳         │              │ [完成服务]     │
│ 本科         │ 最近跟进       │             │
│ 企业职员      │ 8月28日       │             │
│             │ ……           │             │
└─────────────┴──────────────┴─────────────┘
```

---

# 第五十一章 R05 候选人推荐

```text
为张先生推荐对象

匹配条件

系统找到 18 位候选人

[照片] 王女士 32
      丹阳 · 本科 · 教师

      双方核心条件符合
      婚恋计划一致

      [查看] [推荐]
```

支持：

- 条件筛选
- 排序
- 查看详情

---

# 第五十二章 R06 推荐确认

```text
确认推荐

推荐给：
张先生

对象：
王女士

推荐理由

[年龄、地区和婚恋计划比较符合，
建议双方进一步了解。]

[ 确认推荐 ]

取消
```

---

# 第五十三章 R07 跟进记录

```text
添加跟进

跟进方式
[电话 ▼]

跟进内容
[与用户沟通近期匹配情况……]

跟进结果
[继续推荐对象 ▼]

下次跟进
[2026-09-10]

[ 保存 ]
```

---

# 第五十四章 R08 我的服务用户

```text
我的用户

[全部] [服务中] [待跟进] [正在了解] [已牵手]

用户     状态        最近跟进

张先生   服务中      今天
王女士   待跟进      3天前
李先生   正在了解    昨天
```

---

# 第五十五章 A01 后台登录

品牌简洁。

页面中央登录框。

字段：

- 用户名
- 密码
- 验证码

---

# 第五十六章 A02 后台工作台

```text
┌────────────────────────────────────────────┐
│ 丹阳公益婚恋服务平台     当前机构：××公益中心 │
├────────┬───────────────────────────────────┤
│ 工作台  │ 工作台                            │
│ 用户管理 │                                   │
│ 资料审核 │ [待审核12] [待举报2] [红娘待分配5] │
│ 匹配管理 │ [活动待审核16]                     │
│ 红娘服务 │                                   │
│ 活动管理 │ 今日待办                          │
│ 举报风控 │                                   │
│ 数据统计 │ 1 高风险举报 2条                  │
│ 组织人员 │ 2 用户资料待审核 12条              │
│ 权限管理 │ 3 活动报名待审核 16条              │
└────────┴───────────────────────────────────┘
```

---

# 第五十七章 A03 用户管理

顶部：

```text
用户管理

搜索：
[姓名/手机号/用户ID]

性别 [全部]
实名状态 [全部]
审核状态 [全部]
婚恋状态 [全部]
风险状态 [全部]

[查询] [重置]
```

表格：

```text
用户ID | 用户 | 性别 | 年龄 | 区域 | 实名 | 审核 | 婚恋状态 | 风险 | 操作
```

操作：

> 查看

> 更多

---

# 第五十八章 A04 用户详情

Tab：

```text
基础信息
婚恋资料
择偶条件
服务记录
活动记录
风险记录
状态记录
```

敏感信息区域：

只有具备权限时出现：

> 查看实名信息

且需要记录访问日志。

---

# 第五十九章 A05 审核列表

```text
资料审核

待审核 12 | 审核中 3 | 需修改 5 | 已通过

用户        提交时间      完整度      状态

张先生       09:31        100%        待审核
王女士       09:26         92%        待审核
```

操作：

> 开始审核

---

# 第六十章 A06 审核详情

PC左右结构。

```text
┌──────────────────────┬──────────────────────┐
│ 用户资料               │ 审核结果              │
│                      │                      │
│ [头像]                │ ✓ 实名认证           │
│                      │ ○ 主头像             │
│ 张先生 36岁           │ ○ 生活照片           │
│ 丹阳 · 本科           │ ○ 基础资料           │
│ 企业职员               │ ○ 个人介绍           │
│                      │                      │
│ 个人介绍……             │ 审核意见              │
│                      │                      │
│ 生活照片               │ [通过审核]            │
│ [图][图][图]           │ [退回修改]            │
└──────────────────────┴──────────────────────┘
```

---

# 第六十一章 A07 匹配管理

```text
匹配管理

今日推荐        362
今日喜欢        86
双向匹配        21
新增聊天        17
解除匹配         3
正在了解        38
成功牵手         6
```

下方：

趋势图。

V1保持简单。

---

# 第六十二章 A08 匹配规则配置

```text
匹配规则

每日推荐人数
[6]

推荐最低匹配阈值
[60]

不合适后不再推荐
[180] 天

匹配权重

年龄       15
地区       15
婚姻状态    10
子女情况    10
学历        5
身高        5
婚恋计划    15
定居意愿    10
生活方式    10
兴趣        5

[ 保存 ]
```

必须显示警告：

> 修改规则会影响后续推荐，请谨慎操作。

---

# 第六十三章 A09 红娘服务管理

```text
红娘服务

新申请 5
待分配 3
服务中 26
超时未跟进 4
已完成 182

服务列表

用户 | 服务类型 | 红娘 | 状态 | 最近跟进 | 操作
```

操作：

> 分配

> 查看

---

# 第六十四章 A10 红娘人员

```text
公益红娘管理

姓名   所属机构   服务中   已完成   状态

张老师  ××公益中心   18      86      正常
李老师  妇联         12      63      正常
```

操作：

> 查看

> 停用

---

# 第六十五章 A11 活动列表

```text
活动管理

[ + 创建活动 ]

活动名称        时间         报名人数   状态

青年公益相亲会   9月20日      86/100     报名中
七夕相亲活动     8月29日      120/120    报名结束
```

---

# 第六十六章 A12 创建活动

PC双栏表单。

字段：

```text
活动名称
活动封面
活动介绍

主办单位
承办单位

开始时间
结束时间

活动地址

男性人数
女性人数
总人数

年龄限制

报名开始
报名截止

是否人工审核
```

底部：

> 保存草稿

> 发布活动

---

# 第六十七章 A13 报名管理

```text
丹阳青年公益相亲会

报名人数：86
审核通过：72
待审核：14

用户    性别  年龄  实名  资料审核  报名状态

张先生   男   36   是    通过      待审核
```

操作：

> 通过

> 拒绝

---

# 第六十八章 A14 活动签到

```text
签到管理

应到：96
已到：83
未到：13

[ 扫码签到 ]

搜索用户
[姓名/手机号]

用户        状态      签到时间

张先生      已签到     13:52
```

---

# 第六十九章 A15 举报中心

```text
举报风控

紧急 2
高风险 5
普通 12

举报对象     类型      风险等级    时间

张先生       诈骗      极高       09:12
李女士       骚扰      高         昨天
王先生       广告      普通       昨天
```

---

# 第七十章 A16 举报详情

```text
举报详情

被举报用户
张先生

举报类型
诈骗

风险等级
极高

举报说明
……

证据
[截图][截图]

历史风险
被举报3次
被拉黑7次

处理

[举报不成立]
[警告]
[限制功能]
[暂停账号]
[封禁账号]
```

所有高风险操作必须二次确认。

---

# 第七十一章 A17 组织管理

```text
组织管理

[ + 新增组织 ]

组织名称       类型       联系人      状态

丹阳市××妇联    妇联       张老师      正常
××公益中心      公益组织    王老师      正常
```

---

# 第七十二章 A18 人员管理

```text
人员管理

姓名   机构      角色       手机号        状态

张老师  妇联      公益红娘    138****1234   正常
李老师  公益中心   审核员      139****5678   正常
```

---

# 第七十三章 A19 权限管理

左侧：

角色列表。

右侧：

权限树。

示例：

```text
活动管理员

活动管理

☑ 查看活动
☑ 创建活动
☑ 编辑活动
☑ 审核报名
☑ 签到管理

用户权限

☑ 查看基础资料
☐ 查看实名信息
☐ 封禁用户

[ 保存权限 ]
```

---

# 第七十四章 A20 数据概览

重点数据：

```text
累计注册
1,286

实名认证
1,135

审核通过
1,020

双向匹配
386

正在了解
112

成功牵手
48
```

下方可以展示：

- 男女比例
- 年龄结构
- 月度注册趋势
- 匹配趋势
- 活动参与人数
- 红娘服务数量

V1避免复杂BI大屏。

---

# 第七十五章 页面跳转核心关系

用户端：

```text
登录
↓
实名认证
↓
资料完善
↓
审核
↓
首页

首页
├→ 用户详情
├→ 红娘
├→ 活动
└→ 找对象

用户详情
├→ 喜欢
├→ 双向匹配
├→ 举报
└→ 拉黑

双向匹配
↓
聊天
↓
进一步了解

我的
├→ 我的资料
├→ 择偶条件
├→ 我的缘分
├→ 红娘
├→ 活动
├→ 婚恋状态
└→ 隐私设置
```

---

# 第七十六章 核心按钮统一文案

统一使用：

```text
微信快捷登录
开始实名认证
下一步
提交审核
立即修改
喜欢
不合适
查看资料
开始聊天
立即报名
确认报名
申请红娘帮助
提交申请
保存
确认
取消
```

不要同一功能出现：

> 保存 / 确定 / 完成 / 提交

多种混乱文案。

---

# 第七十七章 核心页面设计优先级

## P0

必须优先完成：

```text
H01 登录
H03 实名
H04 基础资料
H06 照片
H08 择偶条件
H10 审核中
H12 首页
H14 找对象
H16 用户详情
H18 双向匹配
H20 消息
H21 聊天
H34 我的
A02 工作台
A05 审核列表
A06 审核详情
```

---

## P1

第二阶段：

```text
公益红娘
活动
举报
隐私
黑名单
系统通知
```

---

# 第七十八章 高保真原型验收方法

每一个页面都必须检查四件事：

## 1. 用户是否知道自己在哪里？

页面标题清晰。

---

## 2. 用户是否知道当前要做什么？

核心任务明确。

---

## 3. 用户是否知道下一步点哪里？

主要按钮明显。

---

## 4. 出错以后用户是否知道怎么办？

必须给下一步操作。

---

# 第七十九章 5秒测试

原型完成后随机让一个没有参与项目的人看页面5秒。

然后询问：

### 首页

> 这个页面是干什么的？

正确回答应该接近：

> 看平台给我推荐的相亲对象。

### 用户详情

应该回答：

> 看这个人的资料，决定要不要喜欢。

### 公益红娘

应该回答：

> 找工作人员帮我推荐对象。

### 活动

应该回答：

> 看相亲活动、报名参加。

### 后台

应该回答：

> 看今天有哪些工作要处理。

如果无法快速回答，就重新设计。

---

# 第八十章 最终原型设计原则

本产品原型不能以：

> 页面好不好看

作为唯一判断标准。

必须同时满足：

> 看得懂。

> 操作快。

> 不容易误操作。

> 能建立信任。

> 不暴露敏感信息。

> 不让用户产生商业套路感。

最终高保真设计标准：

> **用户不用学习，工作人员不用翻说明书，红娘不用在十几个页面之间来回找信息。**