中华成语(城韵)大赛 · 用户端 H5 界面设计稿

面向 16 城首届赛事的移动端答题与城市共建产品。本稿覆盖 P01–P29 全部页面状态, 用同一套样例数据(洛阳 · 第 2 赛季第 14 天)串起「答题 → 入账 → 为城市贡献 → 城市排名 → 城城 CP → 兑换」的完整叙事, 可直接用于设计评审、前端切图与验收对照。
29 个页面编号
5 个一级分区 + 4 个兜底态 + 1 个收官页
#C42819 印章红主色
375×812 设计基准
v1.2 2026-11-14 · 回灌版

00 设计判断与交付口径DECISION FIRST

动笔前先把三个会影响返工的问题摆上台面。这三条不确认,后面的页面做得再细也是白做。

判断一

22 / 24 / 25 三个数

需求文档标题写「22 页」,页面地图实列 P01–P24,还原为 22 = 24 − P03 − P24(P03 是 P02 的第二态,P24 已标 P2)。 本稿在此基础上补了 P29 赛季荣誉——需求漏掉了赛程收官这一页,不补则 31 天积累无处落地。 故本稿为 29 个编号全部出图 / 27 页交付,P03、P28 作「状态页 / 延后页」保留,删减不影响其余页面。

判断二

重心不是答题页

答题页只考验排版;真正决定这个产品成立与否的是把冷公式翻译成因果。 本稿提炼出三条「界面承诺」,固定位置、不允许被活动运营改动: 结算页解释 G/A 差异、城市页显示「差 X 人拿满加成」、CP 页用双向条。「见 §12」

判断三

克制是公信力

单屏纹样 ≤ 1 处,全站只有一个整幅插画位(首屏)。错误态刻意不用红绿对照——红是主色, 用它标「错」会与整体调性冲突;错误改用灰 + 图标 + 明确的补救动作。

▍本稿对需求文档的 5 处设计侧补充(请确认)

编号文档现状本稿处理依据 / 风险
G-01未定义全局底部导航定 5 tab:首页 / 城市 / CP / 闯关 / 我的。权益(兑换·抽奖·公益)挂在「我的」与首页快捷,不占 tab5 tab 是上限;权益使用频次低于主线的判断
G-02P03 单列为页作为 P02 的第三态(同一流程条),可独立深链流程不应出现两个「下一步」
G-03数字规则只规定城市分 1 位小数个人分同样保留 1 位(96.1 而非 96)。整数化会让五行拆解手算对不上结算页「可手算校验」是验收项
G-04未登录「可看榜」补围观态:榜单/城市页/CP 页只读可看,答题、兑换、贡献明细软拦截(不弹硬登录框)拉新主要靠分享落地页
G-05答题页未规定提交反馈层级增加弱网横幅「已保存本题答案」+ 恢复当前题,不与扣分挂钩FR-QZ-03/05 的界面表达

▍本稿统一使用的样例数据(跨页可校验)

用户
林砚 · 洛阳 · 系数 1.0
今日
20 题 · 96.1 分 · 对 17
累计
G 1,846.0 · A 可用 946
本城
洛阳 公平榜 7/16 · 总分 128,460.5
参与率
3.2%(4,317 人)· C_participate 1.13
我的贡献
1.01%(1,292.2 / 128,460.5)
CP
洛阳 × 泉州 68.4 · 金级
兑换
100A = 1 元 · 日额度剩 3,800A

01 全局视觉规范DESIGN TOKENS

沿用策划案汇报物料已确立的红金政务文化风,保证「方案 → 产品」视觉连续。以下为前端可直接落地的变量表。

▍色彩

印章红
#C42819
主按钮 · 强调数字 · 选中态 · 城镇徽记
朱红
#E63F26
渐变端点 · 进度条 · 动效高亮
金
#E19825
荣誉 · CP · 成就 · 徽记描边
淡金
#F2D9A6
分隔 · CP 连线 · 标签底
米白底
#FAF6EF
全站底色,替代纯白降低刺眼
卡片白
#FFFFFF
配 1px #EFE6D8 描边,阴影克制
主文字
#241C15
正文 / 标题,对比度 ≥ 12:1
次文字
#6B5E52
说明 / 标签,对比度 5.4:1
正确 · 青绿
#2E7D6B
仅用于「答对」「已通过」,不作主色
错误 · 灰
#B4A79A
刻意不用红:红色是主色,标错会与调性冲突
层级字号 / 行高字体用法
结算总分38 / 44宋体 600金色大字,唯一使用处
成语展示34 / 50宋体 600答题题干、关卡名,字距 +0.06em
页面标题22 / 32宋体 600城市名、城际 CP 名、区块大标
区块标题15–16 / 24黑体 600卡片内小节
正文14–15 / 24黑体 400移动端不小于 15,兼顾中老年
辅助 / 说明11–12 / 18黑体 400口径说明、时间戳
榜单数字17–32黑体 600 tabular启用 tabular-nums 保证对齐
项规范说明
栅格8pt页边距 16px,卡片内 13–14px
圆角12 / 11 / 8卡片 12,选项与券 11,标签 8
描边1px #EFE6D8卡片必带,禁用投影叠三层
阴影0 6px 18px rgba(60,40,20,.06)仅浮层与选中卡使用
触控区≥ 48×48选项卡高 ≥ 56
纹样≤ 1 处 / 屏城砖纹仅作分隔(见首屏)
数字格式千分位 · 1 位小数城市分/CP/百分比均 1 位;A 为整数

01B 适老化改版规范ELDER-FIRST REVISION

用户主体是学习强国渠道的退休机关人员,大致 55–75 岁。v1.0 的字号体系是按年轻用户设的——正文 11–13px,辅助文字低到 9px,这个尺寸对老花眼基本不可读。v1.1 把整套字阶上调,同时砍掉每屏的次要信息。字号放大后 24 屏塞不进 812px,帧高改为自适应长屏,页面该滚动就滚动,不再为了"一屏装完"牺牲字号。

■字号对照表

层级v1.0v1.1依据
关键数字(总分 / 得分)38px42–46px一屏只应有一个视觉焦点,老人靠它判断"我今天怎么样"
页面主标题15px20px告诉用户"这是哪一页",必须一眼看清
正文与选项12–14px16–17.5px16px 是移动端适老化下限,低于它阅读速度断崖式下降
辅助说明10–11px14–14.5px可以小,但不能小于 14px;同时只保留必要说明
标签 / 徽标 / 角标9–9.5px13pxv1.0 最小到 8.5px,已接近不可读
行高1.5–1.651.7–1.8行距拉开,减少串行

■四条硬规则(验收项,不是建议)

规则一
正文不低于 16px

全站正文 16–17.5px,辅助文字 14px 起。任何低于 14px 的文本都要么放大、要么删除——没有第三种处理。

规则二
触控区不低于 48px

答题选项 66px、主按钮 56px、底栏 68px。老年人手指精度下降、常有轻微手抖,小热区会直接变成误触。

规则三
一屏只做一件事

每屏最多一个主操作、一句解释。v1.0 里"一屏三块卡 + 两行注解"的密度必须拆开或删减。

规则四
不用符号代替白话

"G / A 双分"这类缩写对目标用户是黑话。首屏与结算页一律用"总分 / 贡献分",符号只在流水明细里出现。

■从可点 Demo 回灌:六条被验证过的排版决策

先用可点原型跑通了 15 屏(cheng.cnpoker.club),再把这些决策回灌到本稿。原型的好处是"装不下"会立刻暴露——稿子里装不下只会被裁掉,看不出来。以下六条不是审美偏好,是在 375×812 里实测通过的。

决策具体做法为什么这么做
① 三行卡改三列首屏原有「CP / 闯关 / 权益」三行,每行标签+数值+说明共三排,改为一列一项(标签在上、大数字在中、一句状态在下)三行版占 282px,三列版占 93px。信息一个没少,但老人一眼扫完一列,不用在行间来回找
② 双分卡两行制结算页「累计积分 / 可用积分」改为标签与数字同一行、解释另起一行;流水页顶部三个缩写改为「累计积分 / 可用积分 / 已兑换」原来"标签 / 数字 / 说明"三层堆叠,放大字号后每块纵向吃掉 88px;两行制把它压到 60px 且更易读
③ 券卡收两行四张券由「券名 / 需 X A / 库存 + 操作」三排改为「券名 + 状态(右)」与「需 X A · 库存 · 有效期」两排第三排原本只放"库存 128"和"立即兑换"两个短元素,却是纵向最贵的一排。状态右对齐后,"还差 2,054A"反而更醒目
④ 去重不删信息P07 删「城韵释义」卡(内容移入 P18 关卡)、P19 删「今日任务」卡(结算页已有)、P24 删「最近中奖名单」卡(改为概率卡右上角入口)、P09 删尾注(P20 已有)同一信息出现在两页,第二页就是噪声。删的是重复呈现,不是信息本身——每条都留了去处
⑤ 合规文字只压行数P26 六问压到五问、每问答案不超过两行;P27 状态说明去掉"不展示判定规则"的独立句,并入原因类别合规内容不能删。压缩的是措辞密度,保留的是"结论先行":老人读规则只读第一句
⑥ 次级操作降为文字链结算页底部两个并列按钮(云游泉州 / 看 CP 进度)改为一行文字链一屏两枚同等权重的按钮,等于没有主操作。主按钮只有一个:去挑战

■回灌前后高度实测(375 宽,超出 812 的像素数)

帧回灌前回灌后主要动作
P01 首屏+274+21三行卡改三列、答题卡去掉重复时长
P02 实名与选城+159+28城市列表 4 行减到 3 行、隐私说明收一句
P03 城市确认+166024 小时冷静期并入勾选卡、系数说明收一句
P05 结算+232+68双分卡两行制、因果链去标题、次级按钮降文字链
P07 城市主页+218+12删城韵释义卡、参与率卡两句合一
P14 云游包+210+24题组 4 组减到 3 组、已获积分并入头部卡
P18 关卡内页+156+59输入框 150→96、评分维度收一句
P19 我的+660删与结算页重复的今日任务卡
P22 兑换中心+1230四张券卡各收一排
P23 兑换单+830客服入口并入订单信息卡
P24 抽奖+151+4删中奖名单卡,改为概率卡右上角入口
P26 规则+283+40六问压五问、答案各压到两行内
P27 申诉+226+51表单单排改双列、求助入口收成一行
其余 11 帧—≤ +59未改动内容,仅受益于全局行高与间距
口径说明:为什么允许 29 帧高度不一致

回灌并补 CP 四帧、改绑城口径后,最长的一帧是 P05(880px),29 帧里有 17 帧正好 812px(含新增的 P10 / P11 / P12 / P16 / P29)。帧高跟随内容,不再统一裁到 812。理由是:统一高度会逼着每一屏去"凑满"或"硬塞",前者产生废话、后者产生截断,两种都是真实 App 里不存在的行为。真实手机是滚动的,本稿就按可滚动来画。
如果你的评审必须"一屏一图对齐",我可以把超出的 12 帧压到 812(最高 P05 880 / P18 871 / P27 863 / P26 852)——代价是 P05 再删因果链、P26 再删一问、P27 再删提交表单的附件位。这三处都属于"删了会掉信息",所以我没删。

02 信息架构与页面地图INFORMATION ARCHITECTURE

5 个一级分区承载主线,3 个兜底页与 1 个收官页不入导航。层级控制在 3 层以内:tab → 列表 → 详情,答题与兑换流程为线性流(可返回上一步,不可跳步)。

合计 29 个页面编号 · P0 共 22 页 · P1 共 6 页 · P2 共 1 页(P10 / P11 / P12 / P16 / P29 为本稿补页)。底栏 5 tab 常驻于城市/CP/闯关/我的四组;答题与流程页隐藏底栏以独占注意力。

03 组件与栅格COMPONENT INVENTORY

29 页共 14 类组件(P29 不新增组件类型,全部复用),其中 6 类为「机制可视化」专用件,不允许被其他活动页面复用改造——它们承载的是计分口径,不是装饰。

组件类型规格要点出现页
选项卡交互高 ≥ 56,选中=红描边 + 3px 外发光;不揭晓对错,0.4s 自动下一题P04 P18
20 段进度机制件每段=1 题,2px 间隙;已答=红,当前=淡金脉动,未答=#EDE3D3P04
结算五行拆解机制件每行右侧「?」展开公式;五行之和必须等于大字(1 位小数)P05
双轨卡 G / A机制件并列等宽,各带一句固定释义,不可折叠、不可换序P05 P19
因果链机制件三段竖排,每段带时间/系数角标;线段用金→红渐变表示「汇入」P05
双向条机制件左右分置、中线为 0,左城红、右城金;禁止堆叠条P13
参与率进度机制件必须带「差 X 人 / 拿满 ×1.20」文案,纯进度条不合格P07
榜单行数据名次 22px 固定宽 + 城名 + 档位标记 + 分数右对齐;本城高亮不带跳转箭头P08 P09
券卡交易左面值区 82px 固定宽,右侧含所需 A、有效期、适用范围;缺额态置灰不隐藏P22
码卡交易二维码 + 6 位数字码 + 60s 刷新倒计时,防截图说明常驻P23
时间轴叙事互访/流水共用;节点色区分「计入 vs 未计入」P15 P20
空 / 异常 / 降级状态三件套:原因一句 + 补救动作一个 + 客服入口全局
骨架屏加载榜单 3 行灰块;提交用「正在为洛阳计入…」文案替代菊花P08 P05
金晕 Toast反馈连对 3/5/8 触发,金色径向渐隐 600ms,不遮挡题干P04

04 入口 · 归属P01 – P03

这一组只解决一件事:3 秒内让用户知道自己代表哪座城。首屏不允许出现轮播 banner,主视觉只放一张整幅插画与一段话。
时序约束:P01 展示的是「登录并确认城市之后」的主场景;首访未登录态为纯品牌开屏,不得出现任何城市名、名次、个人贡献或参与率——这些数据此时尚未产生,提前出现即穿帮。

P01首屏P0
9:41
城韵
首届 · 16 城 · 5 个月

成语中国
城韵共鉴

每一句成语,都有它的城。
你答的每一题,都算进你的城。

洛
洛阳
十三朝古都 · 牡丹之城
第 7/16
公平榜
我为城市贡献 1.01%
本城参与率 3.2%,满 5% 全城加成
今日 20 题
预计 5 分 40 秒
连续第 7 天 ×1.3
开始答题
城际 CP
68.4
距钻石 11.6
闯关
雁门关
可挑战
可用积分
946
额度剩 3,800A
首页
城市
CP
闯关
我的
首屏只回答三个问题:我代表哪座城、本城第几、我今天该干什么。英雄区上方不留状态栏以外任何控件。
整幅插画位唯一使用处;城砖纹仅作一次分隔,不叠加。 新用户空态:城市卡整块替换为「选择你的城市 · 16 城已入册」,不给「暂无数据」。 禁止:轮播 banner、倒计时催促、弹窗签到。
P02实名与选城P0
9:41
✓实名2选城3确认
实名信息
已校验
姓名林 *
证件号4103**********0417
只存校验结果,证件原文不落库。
选择主场城市
16 城 · ⌕ 搜索
洛
洛阳 · 十三朝古都
我的选择 · 主场系数 1.0
✓
西
西安
古都城墙 · 碑林
开
开封
八朝古都 · 宋韵汴梁
选哪座完全由你决定:不推断归属地、不预选、不默认勾选。选定后 20 题只在此城,×1.0 不折算。
未找到你的城市?进入候补池预报名 ›
下一步 · 确认绑定
绑定后本届仅可修改 1 次,历史贡献不迁移
这一步绑的是「主场城市」,选哪座完全由用户决定——不做推断,就没有「默认归属错城」这个坑。
平台不推断归属地(不读手机号归属地、不读定位),不给推荐位、不做默认勾选,用户从 16 城列表里自己点。 只允许 16 座入册城市之一。城市未入册的用户先为其中一座出战,同时投候补池(P29),下届优先评估。 绑定即锁定唯一主场,1.0 全额、永不折算;折算只发生在另设的心仪城市(P11 / P12)。 搜索框常驻,列表最多 6 行后滚动,避免一屏塞 16 城造成选择瘫痪。 禁止:预选、默认勾选、按手机号归属地自动定位,或把「常住地」写成「代表城市」。
P03绑定确认与心仪城市预告P0P02 第二态
9:41
✓实名✓选城3确认
洛
洛阳
十三朝古都 · 我的主场 · B 档
主场系数 ×1.0
不折算
洛阳是你本季唯一主场:每日 20 题只在此城作答,个人积分与城市总分全额计入。
本轮 96.1 分 → 汇入洛阳96.1 分
心仪城市(另设,P11)×0.7
下一步可设 1 座心仪城市:每天云游 3 题、得分 ×0.7 计入该城、累积心动值;城际 CP 值由全城心动值汇总,个人指定不了。
✓
我确认以洛阳为主场,了解本届仅可修改 1 次。
提交后 48 小时内可撤回 1 次,不消耗次数。
确认,为洛阳出战
把「折算」从这一步移走,是本稿最重要的一处口径修正:绑定主场就不该有折扣,否则等于罚用户选得诚实。
告知仍要「可算」不只「可说」:用 96.1 → 96.1 的全额入账证明「主场不打折」,而不是只写「系数 1.0」。 同时把「心仪城市 ×0.7」提前预告一行,用户在这里就知道后面还有一个选择要做,不会到 P11 才意外。 禁止:把心仪城市的 0.7 混进本页的折算说明——两件事发生在两个不同的城,混写必然引发客诉。

05 主线答题P04 – P06

答题页是全站最重的一页,但它要「安静」:不揭晓对错、不催促、不博弈。所有解释压力都后移到结算页,一次讲清。

P04答题页P0全站最重
9:41
释义选择 难度 · 中 洛阳 · 典故题
洛阳纸贵
选出与「洛阳纸贵」意思最接近的成语
A供不应求
B汗牛充栋
C门可罗雀
D一文不值
连对 3 题 · 连击加成已累计
已答 6 / 20 本轮预计再得 24.0 分
答案将在结算页统一揭晓
四件事被刻意去掉:不揭晓对错、不显示剩余机会、不做倒计时红闪、不放广告位。
选中即锁定并微动效,0.4 秒后自动下一题——减少一次点击就少一次流失。 倒计时环常态为红;最后 10 秒才转金色脉冲,用暖色提醒而非红色焦虑。 弱网横幅「已保存本题答案」常驻底部;切后台返回直接恢复到第 7 题。 横屏时全屏遮罩提示「请竖屏作答」,不渲染半破版题干。
P05结算页P0因果链主场
9:41
本轮得分 · 12 月 14 日 · 20 题对 17
96.1
基础分 17 题对 × 3.051.0
限时奖励 17 题累计+10.0
连击奖励 最高连对 6+6.0
连续天数 第 7 天 ×1.3 · 小计 67.0×0.3+20.1
每日任务 3/3 · 上限 10+9.0
合计96.1
累计积分
1,846.0
只增不减
可用积分
946.0
花掉不掉榜
你今天 20 题 · 得 96.1 分
全额汇入 洛阳 +96.1 分 ×1.0
本城排名 ↑1 · 现居 7/16洛阳 128,364.4 → 128,460.5
去挑战雁门关 · 可挑战
云游泉州 · 看 CP 进度 ›
这页是全产品最关键的一屏:用户对活动公信力的判断,80% 在这一页形成。
五行必须复现方案公式 P_day=(B+T+S)×C_streak+M:(51.0+10.0+6.0)×1.3+9.0=96.1。前 3 行相加得小计 67.0,连续天数是乘数不是加分项(+20.1=67.0×0.3),末行任务分不过乘数。这是可验收项,不允许四舍五入到整数。 城韵诠释(主观题)不进这五行:它走独立流水,评审分 1:1 入账 G/A 并计入荣耀榜,否则「每天 20 题的分」就不纯了。 「只增不减 / 花掉不掉榜」两句固定常驻,字号不小于 10px、位置不可移动——它是用户理解成本最高处。 因果链第三段给出前后总分(128,364.4 → 128,460.5):绑定主场 ×1.0,96.1 全额汇入,前后差必须等于本轮得分,用户要能手算验证。折算只发生在心仪城市(×0.7),主场永不折算。 禁止:把双轨合并成「共 1,846 积分」一个数字。
P06答题历史与错题P0
9:41
近 8 日
正确率 86% · 均分 88.4
7日缺
8日
9日
10日
11日
12日
13日
今日
7 日缺卡 1 天,连续天数已于 8 日重新计算(当前第 7 天 · ×1.3)。
今日详情
已完成
得分 / 答对96.1 · 17 / 20
用时5 分 12 秒
计入城市洛阳 +96.1(主场 ×1.0)
错题本 近 30 日 · 3 题
只看本人
洛阳纸贵
12-14 · 释义选择 · 正确答案 A
解析 ›
程门立雪
12-13 · 典故出处 · 正确答案 C
解析 ›
历史页承担「连续天数」的教育职责:断签那天必须解释清楚「为什么从 1.3 掉回 1.0」,否则用户会认为系统吞了他的积分。
柱状图缺卡日用「缺」字标注而非留空——留空会被读成加载失败。 错题仅本人可见,且不含他人作答分布(避免变相泄题)。

06 城市与榜单P07 – P09

城市页不是数据陈列,是动员工具。三榜只做位置告知,真正的转化点只有两个:「差 X 人拿满加成」与「我的贡献占比」。

P07城市主页P0
9:41
洛 阳
十三朝古都 · 一城牡丹一城诗
公平榜
7/16
活力榜
5/16
荣耀榜
9/16
82%
答题占比
答题贡献105,337.6
羁绊贡献23,122.9
城市总分128,460.5
参与率加成
当前 ×1.13
3.2%(4,317 人)封顶 5.0% · ×1.20
再来 2,428 人,洛阳拿满 1.20 加成
按当前人均测算 · 相当于总分再提 +6.2%
本城 CP · 泉州
金级 68.4 ›
泉
热
携
鸣
68.4
距钻石 11.6
首页
城市
CP
闯关
我的
「差 2,428 人」是全站最重要的一个数字:它把 C_participate 从公式变成动员令。测算口径必须写在旁边(按当前人均),不能只给结论。
贡献构成用环不用饼:环内只放一个百分比,两个数在右侧列表给出,与总分吻合才允许上线。 城韵释义置于末位并与审校状态绑定,避免未审校内容把城市页变成营销位。
P08榜单(三榜切换)P0
9:41
公平榜
活力榜
荣耀榜
按参赛者人均分 × 城市档位 × 参与率加成 16 城
1西安A41.2
2南京A38.7
3成都A36.4
4泉州B35.1
5苏州A34.6
6杭州A33.2
7洛阳 我的城 ↑1B32.9
8平遥 小城逆袭 ↑6C31.4
9绍兴B30.8
10大同 审核中C29.6
数据更新于 14:20 · 每 5 分钟快照 · 未登录可查看
三榜同源,切换不得出现数字打架。榜行不按人口排序,只按得分;C 档用金色描边小字「小城逆袭」,这是公平性叙事的落点。
本城高亮但整行不可点(点进去会与底部 tab 的城市页重复),只在右侧显示名次变化。 「审核中」标签替代隐藏:数据可疑的城市降权展示但仍上榜,避免"突然消失"引发质疑。 降级态:服务不可用时原位展示最近快照 + 时间戳,不显示空白或转圈。
P09城市贡献明细P0
9:41
我为洛阳贡献
1.01%
1,292.2 / 128,460.5 · 城市内排名 第 312 位
分母为本城全部参赛者的累计积分,与你作答当日的口径一致
全部 答题 羁绊 任务 冲正
主线答题 · 12 月 14 日+96.1
20 题 · 答对 17 · 系数 1.0(本城)
每日任务 · 12 月 14 日+9.0
答题完成 4 + 分享 3 + 浏览城市页 2(上限 10)
主线答题 · 12 月 13 日+88.4
20 题 · 答对 16 · 系数 1.0
羁绊 · 云游泉州+32.4
计入 G/A,不计入本城总分(云游包规则)
主线答题 · 9 月 28 日+48.2
改城前记录 · 仍归属 西安,不迁移至洛阳
首页
城市
CP
闯关
我的
贡献明细是「信任页」:用户只要在这里发现一条对不上,整场活动就不可信了。
云游包那条必须显式标注「计入 G/A 但不计入本城」,否则会被误读为漏计。 改城历史用灰字保留并注明归属城,正面解释 FR-ACC-06,而不是悄悄消失。 冲正筛选独立成 tab,让"被扣过分的用户"能自己找到那条记录。

07 城际 CP 值P10 – P16

CP 是这个产品最容易被做成「抽卡」的地方,也是最不该做成抽卡的地方。界面必须让人看见双向——单方面刷分不该有奖励感。
这一组共 7 帧,按用户真实顺序排:先讲清「能选支持谁、不能选谁和谁配」(P10)→ 设 1 座心仪城市(P11)→ 每天三通道怎么支持(P12)→ 看这对 CP 的四维(P13)→ 云游(P14)→ 查记录与衰减(P15)→ 赛季末见证认证(P16)。原稿缺 P10 / P11 / P12 / P16,用户看不到「选择」与「支持」这两步。
全组共用一条口径:主场 ×1.0 永不折算,心仪城市 ×0.7;个人产出心动值,城市收到的同源心动值汇总后排出CP 值排行榜。任何一帧把两者混写,就算错。

P10CP 机制:三步与认证P0本稿补
9:41
你能选「支持谁」,不能选「谁和谁配」
心仪城市是你一个人的决定:1 座,每 7 天可换;城际 CP 值由全城人汇入的心动值汇总排出。
三步 · 你走前两步,第三步交给全城
1
设 1 座心仪城市你的决定
其余 15 城中选 1 座,每 7 天可换。
2
每天云游 3 题得分 ×0.7
主场之外另算,×0.7 计入该城,累积心动值。
3
全城汇总 → CP 值榜12-31
两城互汇的心动值合成 CP 值后排行。
官方认证上限 K=2首届最多 8 对
一城每季只认证 1 次,一对占双方各 1 个名额;超出递降至倡议配对池(非官方 CP,仍可参赛)。
CP 值 = 0.4 文化共鸣 + 0.3 参与互补 + 0.2 互访活跃 + 0.1 共创质量
四维即心动值的四个来源 · 重复对 ×0.85
设我的心仪城市
首页
城市
CP
闯关
我的
这一帧补的是「CP 值从哪来」:原稿从 P13 详情开始,跳过了用户最想问的那一步——我能不能自己选一座城去支持。
答案是分两层:个人只能选心仪城市(1 座,只代表「我支持谁」),产出的是心动值;城与城之间的 CP 值是这座城市收到的、按来源城市拆分汇总后的心动值排名,个人指定不了(方案 5.5 / FR-CP-04)。 前三步里前两步属于用户,第三步是系统计算——界面必须画出这条边界,否则用户会以为「多刷几题就能配到想配的城」。 心动值不是「投票」:它是行为产出(云游 ×0.7、助威、核销),只有汇聚到城市层、按四维加权后才成为 CP 值,不能一人多票。 禁止:把心仪城市写成「CP 意向」「配对选择」「为它拉票」,也禁止把心动值直接等同 CP 值。 CP 值是对称的:由 Heart(A→B) 与 Heart(B→A) 合成后排名。排行榜可以按来源城市拆开看两个方向,但排序用合成值——否则「双方互为最高」这条认证前提会几乎无法成立。
P11设置心仪城市P0本稿补
9:41
在其余 15 城中选 1 座。它决定你每天去哪云游、把心动值给谁——只代表你支持谁,不等于城际 CP。每 7 天可换 1 次。
泉
泉州海上丝路
全城心动值 74.0 · 我已云游 9 天
✓
苏
苏州园林昆曲
全城心动值 66.4 · 我已云游 4 天
✓
大
大同云冈石窟
全城心动值 58.7 · 尚未云游
✓
敦
敦煌丝路敦煌
全城心动值 55.2 · 我已云游 2 天
✓
平
平遥古城票号
全城心动值 51.6 · 尚未云游
✓
汇总后即 CP 值排行榜 · 换城不清零天数 · 下次 12-21
保存,开始支持
首页
城市
CP
闯关
我的
能选的是「支持谁」,不能选「谁和谁配」:这是本稿对原案唯一新增的产品件——不给选择动作,用户每天面对「去哪座城」会停在原地。
只设 1 座:个人有好恶才有叙事,但一座心的容量只有一个——3 座会让「支持」退化成打卡清单,且每日 3 题云游额度被摊薄。 改选不迁移历史、也不清零连续天数:已发生的云游记录留在原城,衰减照算,但「换城」本身不算中断——否则规则形同虚设,用户第 7 天前不敢换。 列表按各城收到的心动值排序,只做选择辅助,不显示全国排名,避免变成第二张榜。 禁止:把心仪城市做成「CP 意向投票」或「拉票助力」,那就回到拉郎配。
P12今日支持(双城口径)P0本稿补
9:41
洛阳
我的主场 · 1.0
金级
68.4
泉州
心仪城市 · 0.7
今日云游得分
6.3
今日心动值
+7.0
连续支持
2 天
游
云游泉州 · 今日 3/3
9.0 × 0.7 计入泉州
已完成
威
为泉州助威
每日 1 次 · 不产生积分
已完成
券
跨城券核销 · 0 / 1
需在泉州商户实核
+0.5 心动值
主场 20 题×1.0 全额计入洛阳
云游 3 题×0.7 计入泉州
助威 / 核销只加心动值,不产生积分
0.7 不是罚你:心仪城市是主场之外的额外题,折算后才不至于靠多开城市把一座城刷上去。
看我的互访记录 · 心仪城市每 7 天可换
首页
城市
CP
闯关
我的
这一帧把「双城」写在一屏里,是防止口径漂移的唯一办法:左边 1.0、右边 0.7,同一屏对照,用户不会记错。
三条通道产出同一个东西——心动值:云游(6.3)+助威(0.2)+核销(0.5)=7.0,四维加权后才是这一对城的 CP 值。不是三种打卡。 个人贡献必须可归因(FR-CP-09):6.3 / 0.2 / 0.5 三个数必须能在 CP 详情页对上,对不上即为口径错误。 云游得分 6.3 = 3 题 × 3.0 × 0.7:入个人 G/A,同时入泉州城市总分,不动洛阳一分。 衰减提示常驻(FR-CP-10):中断第 3 天起降 70%,第 6 天起降 30%——只作用于心动值,不动已到手的积分与城市分;换心仪城市不清零连续天数。 禁止:付费加速、礼物加成、把助威做成打赏。
P13CP 详情(四维画像)P0
9:41
洛
洛阳
本城
金级 CP
68.4
距钻石差 11.6
泉
泉州
心仪城市
双向贡献 · 左为本城,右为对方 合计 68.4
热度 权重 40%71.0
38.2
32.8
互携 权重 30%66.0
34.5
31.5
共鸣 权重 20%70.0
36.0
34.0
消费 权重 10%62.0
28.0
34.0
消费项本城偏低,多用心仪城市券可拉升
我的 CP 贡献+0.4
今日云游 0.2 + 助威 0.2 · 累计贡献 +6.4
跨城参与衰减
距上次互访 2 天
当前 100%
首页
城市
CP
闯关
我的
双向条是「双向奔赴」的视觉本体:一旦改成单向堆叠条,用户立刻会以为 CP 值是系统给的、与自己无关。
四维之和必须等于 CP_Value(0.4×71+0.3×66+0.2×70+0.1×62=68.4),这是可验收项。 连线粗细随 CP 值变化,但不做动效呼吸,避免变成游戏化炫耀。 未认证态:连线转灰虚线 + 顶部文案「倡议配对,非官方 CP,仍可参与第四关」。 禁止:CP 抽卡、CP 送礼、CP 排行榜。
P14云游心仪城市答题包P0
9:41
泉
泉州 · 宋元海洋商贸中心
专题包 12 题 · 已完成 8 题 · 已获 +32.4
云游积分怎么算
重点
答对得分同样进入累计积分与可用积分(可用于兑换与达人榜),但不计入洛阳的城市总分。 这是为了避免跨城刷分影响公平榜。
跨城参与衰减 · 3 天内100%
题组
每日 1 包
刺桐城与海上丝路
3 题 · 已答 3
已完成
「泉州」相关的成语典故
3 题 · 已答 3
已完成
蟳埔女与簪花围
3 题 · 已答 2
进行中
继续答题 · 剩 4 题
「计入 G/A 但不计入本城」这句话必须本页常驻,且放在开始答题之前——事后解释等于没解释。
题组按主题切块(3 题一组),让 12 题看起来像"逛一座城"而不是"再做一遍卷子"。 衰减档位(3 天内 100%)直接显示在规则卡里,不做隐藏机制。
P15跨城互访记录P0
9:41
4
本月互访
+6.8
我的心动值
2
参与天数
云游答题 · 8 题12-14 10:22
洛阳 → 泉州 · 互携度 +0.3 · 计入 G/A
跨城助威12-12 21:05
洛阳 → 泉州 · 热度 +1.2 · 每日上限 1 次
心仪城市券核销12-09 15:47
泉州 · 蟳埔簪花体验券 · 消费项 +2.0
首次云游12-05 09:12
洛阳 → 泉州 · 共鸣 +3.3 · 文化标签互补
未计入 · 重复助威12-12 21:31
同日第二次助威,按规则不计入(可申请复核)
每次互访均记录来源城、目标城、时间与成分归属,可用于申诉复核。衰减按连续参与天数计算:<3 天 100%,3–5 天 70%,>5 天 30%;换心仪城市不清零连续天数。
首页
城市
CP
闯关
我的
连"未计入"的记录也要留痕。用户看不到被忽略的行为,就会怀疑系统吞分——这一条能挡掉大量客服工单。
时间轴节点用实心/空心区分「计入」与「未计入」,不依赖颜色单独表达(无障碍)。 衰减口径写在本页而非只写在规则页,因为用户是在这里产生疑问的。 换心仪城市不清零连续天数(R-11 已定):衰减只对「未参与」计,不对「换城」计,否则「每 7 天可换」形同虚设。
P16赛季末 CP 认证揭晓P1本稿补
9:41
洛阳
本城 · 第 7
官方认证
72.4
泉州
CP 值榜 · 第 3
顺位 1 · 双方互为心动值最高金级
认证名额占用两城各 1 个(K=2)
递延 / 第四关未触发 · 以这对为单位参赛
72.4 = 0.4×75 + 0.3×71 + 0.2×72 + 0.1×67
我今年设过的心仪城市
泉州当前 · 官方认证
苏州12-07 换下 · 顺位 4
平遥12-21 换下 · 未配对
倡议配对 · 苏州 × 大同非官方 CP
仅供第四关结对,不计 CP 值、不参与 CP 榜;对苏州的互访记录仍有效,汇入下赛季配对依据。
认证结果公示 7 天,可申诉;CP 值与认证届际清零。
以这对 CP 去第四关
首页
城市
CP
闯关
我的
赛季末是 CP 叙事唯一的高潮点,也是最容易失信的地方:如果揭晓只说「你配到了泉州」,用户不会相信这套机制。
必须同时给出:顺位、名额占用、是否递延、以及落选城的去向——三件事缺一件,申诉就会集中爆发。 倡议配对用灰虚线 + 「非官方 CP」标注,与认证态在视觉上不可混淆(FR-CP-11)。 未配对城市给「明年再投」的明确出口,而不是空白——空态即流失。 禁止:把落选写成「差一点就成功」,那是诱导继续投行为的博彩式话术。

08 闯关P17 – P18

五关是「月度节奏器」,不是积分来源。设计上要让人一眼看出:现在能打哪一关、下一关什么时候开、为什么我还不能打。

P17闯关地图P1
9:41
已通关 2/5
本月开放 · 雁门关
山海✓
已通过
居庸✓
已通过
雁门
可挑战
嘉峪
12-01
玉门
01-01
横向滑动查看 ›
第三关 · 雁门关
开放中
城韵释义开放题 · 需同时满足两个条件
本城公平榜前 8当前 7 ✓
近 30 日个人积分 ≥ 8001,246 ✓
截止时间12-26 23:59(剩 12 天)
全部关卡
每月 1 日 00:00 解锁
✓
山海关 · 个人限时接龙
96 分
✓
居庸关 · 城韵典故选择
88 分
3
雁门关 · 城韵释义(开放题)
未提交
首页
城市
CP
闯关
我的
未解锁关不写「敬请期待」,写具体日期与条件——「12-01 开放」比「即将开放」可信十倍。
五关横向丝路长卷,一屏可见 3.5 关,制造"前面还有"的空间感;不加地图缩略图。 已通关显示金色印记 ✓,颜色用青绿而非红色,避免与"可挑战"抢注意力。 第二关门槛刻意用「近 30 日积分」而非累计,中途加入者才可达。
P18关卡内页(雁门关)P1
9:41
开放题 人工 + 半自动评分 限时 90 分钟
题干
以「洛阳纸贵」为引,用 80–120 字写出你理解的洛阳城韵,须体现该成语的本义与今日洛阳的关联。
西晋左思写成《三都赋》,豪贵之家竞相传抄,洛阳的纸因此涨价——一篇文章让一座城的纸都不够用。
今天的洛阳,把这份"值得被抄写"的劲头放在了别处:一株牡丹的花期、一段龙门石窟的凿痕、一碗汤的清晨……
已写 96 字 · 建议 80–120 字自动保存于 11:42
参与条件(已全部满足)
可提交
本城公平榜前 87 ✓
近 30 日积分 ≥ 8001,246 ✓
评分:释义 40 · 城韵关联 40 · 表达 20,3 个工作日内公示,可复核一次。
提交答卷
提交后不可修改,每人每关限 1 次
开放题页面最容易做坏的是「看不到门槛」:把两个参与条件在提交前再显示一次,避免写了 100 字才发现没资格。
自动保存时间戳常驻输入框底部,给"会不会丢稿"一个明确答案。 评分维度公开,但不显示他人分数与排名,防止比稿式攀比。 计时环复用答题页组件(同尺寸同心跳逻辑),保持跨页一致。

09 我的P19 – P21

个人中心是本产品唯一需要「讲清两套积分」的地方。G 与 A 必须始终并列,任何"合并显示"的诱惑都要拒绝。

P19我的(双轨积分)P0
9:41
林
林砚
洛阳 · 十三朝古都 系数 1.0
设置 ›
累计积分
1,846.0
只增不减
可用积分
946.0
可兑换,不扣排名
我在洛阳贡献 1.01%城市内第 312 位 ›
我的贡献流水
近 90 天 ›
荣誉墙 3 枚
›
答题记录与错题
3 题 ›
兑换中心
946 分 ›
每日抽奖
今日可抽 ›
公益捐赠
›
规则说明与合规
›
申诉与客服
›
首页
城市
CP
闯关
我的
两套积分并排、等宽、各带一句解释——这是全站唯一允许出现"两块数字打对台"的位置,因为用户必须自己完成这个区分。
G 用主文字色、A 用红色:红色在这里表示"可以用",不是警告。 任务分上限直接写在进度条下方,避免"我做了 5 个任务为什么只加 10 分"。 申诉入口不藏在二级菜单,放在列表末尾常驻。
P20我的贡献流水P0
9:41
累计积分
1,846.0
可用积分
946.0
已兑换
900.0
下表中 G=累计积分,A=可用积分
全部 答题 羁绊 任务 兑换 冲正
主线答题G+96.1 / A+96.1
12-14 11:20 · 洛阳 · 系数 1.0 · 20 题对 17
每日任务G+9.0 / A+9.0
12-14 11:24 · 答题完成 4 · 分享 3 · 浏览城市页 2
羁绊 · 云游泉州G+32.4 / A+32.4
12-14 10:22 · 计入 G/A,不计入本城总分
兑换 · 洛邑文创 5 元券A−500
12-14 09:02 · 仅扣 A,G 不变(不掉榜)
主线答题G+88.4 / A+88.4
12-13 09:48 · 洛阳 · 系数 1.0 · 20 题对 16
连续天数重置×1.0
12-08 00:00 · 12-07 未答题,连续天数从 4 天重置
近 90 天可查 · 只可追加冲正,不可修改历史
首页
城市
CP
闯关
我的
流水页要能回答「为什么少了」:兑换那条明确写「仅扣 A,G 不变」,把最容易误解的一次操作解释掉。
G 与 A 双列同排,一眼看出哪些操作只动一边(兑换只扣 A,答题两边都加)。 连续天数重置作为一条独立记录,而不是隐藏在小字里。 冲正 tab 单独存在,风控裁定后的扣减必须可被用户自己找到。
P21荣誉墙P0
9:41
3
已获称号 · 第 2 赛季
勤
勤勉不辍 · 连续 7 天
2026-12-14 授予 · 编号 LY-2-0714
本届共 4,318 人达成,你是第 714 位
生成证书
分享
新
洛城答题新秀
前 3%
创
创始参与者
首届 16 城
未获得
继续参与可解锁
公益之星 · 累计捐赠 ≥ 500A还差 500A
最美城韵诠释 · 雁门关评分 ≥ 90去闯关 ›
首页
城市
CP
闯关
我的
空态不写「暂无荣誉」:新用户进来直接展示「下一个可获得的称号 + 还差什么」,把荣誉墙变成目标页。
每枚证书带唯一编号,点「验真」进入公开校验页(供转发后被他人核验)。 「共 4,318 人达成,你是第 714 位」——稀缺性来自真实统计,不用「仅剩」式话术。 分享按钮在此页出现但默认不带分数,避免把荣誉变成攀比。

10 权益P22 – P25

权益区三条铁律:余额与额度常驻、缺额不隐藏只置灰、汇率变更必须 T-1 公示。这里每一条都直接对应客诉。

P22兑换中心P0
9:41
可用积分
946.0
当前汇率
100A = 1 元
今日剩余额度
3,800A
受券池预算影响,10 月 20 日起调整为 110A = 1 元;当前订单不受影响。
本城 心仪城市 他城 公益
5元券
洛邑古城文创券
兑换 ›
需 500A · 库存 128 · 至 12-31
30元券
应天门夜游立减
还差 2,054A
需 3,000A · 库存 42 · 至 12-31
20元券
泉州簪花体验
还差 1,054A
需 2,000A · 库存 19 · 心仪城市
8元券
地铁公交出行券
暂不可兑
需 800A · 已兑完 · 补货待定
券池预算 12.0 万元 · 已核销 4.7 万元 · 公示明细 ›
首页
城市
CP
闯关
我的
三个数字常驻顶部(余额 / 汇率 / 今日额度)——「兑到一半发现额度没了」是最典型的挫败感来源。
缺额不隐藏:券照常展示,右侧写「还差 2,054A」。隐藏会让用户以为本城没券。 汇率下调用一条常驻公示条承接(D3 要求的 T-1 公示),文案必须带「当前订单不受影响」。 库存 0 的券保留但置灰,附带「补货待定」,比直接消失更可信。 禁止:限时倒计时、"仅剩 3 张"式催单。
P23兑换单与核销码P0
9:41
待使用 2
已核销 1
已过期
洛邑古城文创抵扣券 · 5 元
订单 R20261214-0417 · 兑换于 09:02
8 4 7 2 6 1
二维码每 60 秒 刷新 · 请勿截图转赠
剩余 17 天 · 至 12-31 23:59
使用说明
适用:洛邑古城指定商户
1 · 到店出示二维码或报 6 位数字码
2 · 商户扫码核销,单券单次有效
3 · 不找零、不折现,逾期作废
订单信息
兑换于 12-14 09:02
消耗积分 / 汇率500.0 · 100A = 1 元
扫码失败或有争议?
联系客服 ›
码页就是交易现场,所以信息密度要最低、亮度最高:一屏只有券名、码、数字码、有效期。
6 位数字码字距 0.34em + tabular-nums,柜台隔 1 米也能读清(核销端的真实场景)。 「请勿截图转赠」常驻,配合动态码防复用(FR-RD-06)。 核销失败必须有客服入口,且带订单号直传,客服不用再问"您是哪一单"。
P24抽奖P1
9:41
今日剩余次数 1 / 1 · 每次消耗 50A
文房
四宝套装
城韵
文创书签
牡丹
香囊
洛阳
明信片册
谢谢
参与
唐三彩
小摆件
抽一次 · 消耗 50A
奖品为文化产品,不可折现;单份价值 ≤ 5 万元
概率公示
看名单 ›
文房四宝套装0.02%
唐三彩小摆件0.30%
城韵文创书签 / 香囊3.60%
谢谢参与96.08%
中奖名单公示 7 天(脱敏),公示期内可查询与申诉。抽奖不构成博彩:不以现金、不以再次投入为兑奖条件。
首页
城市
CP
闯关
我的
概率必须写在同一屏,而不是藏进二级页——这是合规要求,也是信任要求。
「谢谢参与」格子用金色描边而非灰色,避免挫败感过分突出。 消耗 50A 写在按钮上,不做成"免费抽一次"的假免费。 底注明确"不构成博彩",与合规声明互链(P26)。
P25公益捐赠P1
9:41
定向项目心仪城市 · 泉州
蟳埔女习俗 · 簪花围技艺传承
用于非遗工坊的青少年体验课与老艺人记录整理。项目进度与资金使用由主办方按季公示。
已筹 30,500A目标 50,000A
捐赠数量
100A
500A
1,000A
自填
A 可用 946.0捐赠后剩余 446.0
✓
匿名捐赠(不在本城公益榜展示我的昵称)
捐赠的 A 来自答题所得,不涉及资金支付,不可提现、不可退款。出具电子公益凭证,编号可验真。
我的公益记录累计 500A · 1 次 ›
确认捐赠 500A
公益页的关键是「不碰钱」讲清楚:A 来自答题,不能提现、不能退款——一句话堵住所有变相套现的联想。
项目页给出筹款进度,捐赠才有"参与一件事"的实感,而不是扣分。 匿名选项放正文可见位置,不做成二级设置。 凭证编号可验真,与荣誉墙共用同一套验真页。

11 兜底P26 – P28

兜底页是「出事后用户唯一还愿意相信你的地方」。三页共同原则:说清原因、给出动作、留住客服,且不暴露风控规则细节。

P26规则说明与合规声明P0
9:41
全部 计分 城市 CP 权益 合规
为什么小城也能赢?
城市分按人均算,不按总分。小城人少但均分高,再加上 C 档系数与参与率加成,就能反超。
›
主场怎么选?
从 16 座入册城市自选 1 座,平台不推断、不预选。选定后积分 ×1.0 全额,永不折算。
›
积分能换钱吗?
不能。只可兑换指定商户的文化消费券或捐赠公益,不提现、不转让。
›
累计积分和可用积分差在哪?
每得 1 分两边同时加。累计只增不减,用于排名;可用用来兑换。
›
抽奖是什么奖?名单在哪看?
文化产品,单份 ≤ 5 万元,不设现金。每次 50A,每日 1 次,名单脱敏公示 7 天。
›
合规声明(摘要)
本活动为公益性文化活动,不构成博彩;积分与券均无现金价值。
奖品为文化产品,单份价值 ≤ 5 万元,中奖公示 ≥ 7 天。
14 周岁以下默认学习模式;证件号不落库。
不用法条式长文:12 个问题、每问 ≤ 120 字,先给结论再给原因。用户在这里停留不超过 40 秒。
第一问就是「小城也能赢」——这是活动最大的认知门槛,也最容易被误解为"内定"。 每条可跳全文;全文页做锚点,不做 PDF 下载。 合规声明用灰底块收口,与正文问答区分层级,但不得折叠隐藏。
P27申诉P0
9:41
当前状态 · 限制计入城市榜复核中
原因类别:答题节奏异常。个人积分不受影响,但该部分暂不计入洛阳城市总分。
12-13
标记
12-14
限制
12-14
申诉中
—
待裁定
提交申诉
问题类型
积分未入账 ›
涉及日期
12-14 ›
情况说明
12 月 14 日上午我在地铁上答题,中途切出接电话,回来后从第 7 题继续……
+
可上传截图(≤ 3 张)。申诉不影响你继续参与活动。
48 小时内响应,超时自动升级至平台复核。裁定结果通过站内消息通知,可查复核记录。
在线客服 · 09:00–21:00
电话 400-000-0000 · 历史工单 1 条
立即咨询 ›
提交申诉
冻结/限制态的三句话必须齐全:原因类别(不说规则)、影响范围(哪些还在、哪些不在)、补救动作。
明确写「个人积分不受影响」,否则用户会以为整个账号被清零。 时间轴四段让用户看到处理进度,而不是"提交后石沉大海"。 主动写「不展示具体判定规则」——把不透明解释成保护机制,而不是隐瞒。
P28候补池预报名P2 · 首届不启用
9:41
你的城市还没入册
首届 16 城已锁定。预报名达到评估线后,下一届将优先纳入入册评估。
⌕ 保定
保定 · 预报名热度
第 23 位
3,240 人
距评估线 5,000 人,还差 1,760 人
最近入册候选
按热度
1景德镇8,412 人
2荆州6,905 人
23保定(你)3,240 人
预报名仅登记意向,不代表入选;入册评估由主办方按五维评分与地域平衡确定。首届期间你仍可把已入册城市绑为主场(×1.0)参赛,或先作为心仪城市云游(×0.7)。
预报名 · 保定
这是第一届最该做、又最容易漏掉的一页:没有入册城市的用户占全国绝大多数,直接给个"暂不支持"等于把潜在用户全部劝退。
预报名页必须给「当下可以做什么」——把已入册城市绑为主场就能 1.0 参赛,别让用户白来一趟。 热度排名让预报名变成集体行动,为第二届积累"城市竞争"的势能。 标 P2,首届若不启用,需在 P02 的"未找到你的城市"处改成客服工单入口,避免死链。

11B 收官 · 赛季荣誉SEASON FINALE — P29

需求文档的页面地图止于 P24(候补池),缺了赛程结束那天的那一页。没有它,用户 31 天的答题、积分、徽章在 12-31 之后全部失去「被看见」的出口。本帧按 P05 的规格补齐:一个终榜数字、四项个人数据、三枚徽章、一段口径说明。

P29赛季荣誉与年度报告P1本稿补 · 需求未列
9:41
第 2 赛 季 · 洛 阳
12-31 收官
城市总分 · 终榜
284,448.3
公平榜 7 / 16 · 距第 6 名平遥 545.6 分
9,559 人参赛 · 参与率 7.1% · 加成 ×1.20
累计积分 G
4,087.6
城内排名 / 9,559
第 312 位
参与天数
29 / 31 天
我为城市贡献
1.01%
连
连续参与
11 天
释
最美城韵
91 分
关
五关全通
未达成
外推口径 样例=第 14 天累计 ×31/14(×2.21),名次同比;交付时替换为终榜快照,版面不变。
赛后 7 天发纪念章与证书 · 兑换通道延至 01-31
生成我的年度报告
含城市卡 · 31 天答题曲线 · 徽章墙,可存图分享
这页补的是需求遗漏的最后一公里:赛程结束当天若没有它,31 天的积累没有出口,前 24 页建立的「可核验」叙事在最后一步断掉。
终榜数字必须自带算法与「外推」标注(284,448.3 = 128,460.5 × 31/14),否则开发会把样例数当真实数写死、运营会拿它对外发布。 城市总分与个人积分分列两处,不可互相推算:前者是人均口径(总分 ÷ 参赛人数),后者是累计口径(只增不减)。同一个「4,087.6」不能既当城市分又当个人分。 三枚徽章里「五关全通」置灰而非隐藏——未达成项必须可见,荣誉墙才构成下赛季的目标,而不是一张已完成清单。 参与天数写「29 / 31 天」而不是「29 天」:分母在场,用户才知道自己差在哪。 禁止做成「恭喜获得 XX 大奖」式促销页。本页只呈现事实与口径,不发奖、不催分享、不留悬念。

12 八页设计承诺DESIGN CONTRACT

以下 8 条不是建议,是验收项。任何一条被改掉,这个产品的公信力叙事就断了——包括"为了好看"而改。

页面不可动的设计为什么不能动验收方式
P04不揭晓对错、不显示剩余机会、不红闪催促答题期的任何博弈暗示都会把文化活动读成抽奖游戏设计评审逐条签字;前端不得接入对错态样式
P05五行拆解之和 = 大字总分手算对不上,用户立刻怀疑积分被吞自动化用例:任何得分组合下五行求和等于总分(1 位小数)
P05G / A 并列 + 两句固定释义常驻这是全场理解成本最高处,不能靠用户自己悟两句话不可折叠、字号 ≥ 10px、位置不可移出首屏
P05因果链三段,第三段给出前后总分"我的分算数"必须可验证,不能只是口号第三段必须含「↑N」与两个总分数字
P07参与率必须显示「差 X 人拿满加成」这是把 C_participate 变成动员力的唯一界面缺文案即不通过;测算口径需同时展示
P13四维用双向条,且四维加权 = CP_Value改用堆叠条会掩盖单向性,"双向奔赴"叙事崩塌手算校验 + 禁止使用 stacked bar 组件
P22余额 / 汇率 / 日额度三数常驻,缺额置灰不隐藏"兑到一半没额度"与"以为本城没券"是两个高频投诉三数在滚动时吸顶;缺额券保留在列表中
P09/16每条流水含来源 / 系数 / 时间 / 是否计入明细是信任页,一条对不上全盘皆输字段缺失的流水不允许上生产;抽查 10 条可复算

13 状态设计与无障碍STATES & A11Y

六类状态必须逐页标注,验收会看。本稿的重点页已内含空态/异常态示例,其余状态以本节为准。

状态出现页界面要求文案示例
空态P01 新用户 / P21 无荣誉 / P13 无 CP给下一步动作,不给"暂无数据"「先选一座城,你的每一题都会算进它的名字」
加载态P08 榜单 / P05 提交骨架屏 3 行;提交用进度文案替代菊花「正在为洛阳计入…」
异常态P04 中断 / P22 兑换失败 / P23 核销失败原因一句 + 补救动作一个 + 客服入口「本题答案已保存,刷新后从第 7 题继续」
降级态P08 榜单服务不可用展示最近快照 + 时间戳,不留白「榜单更新中,以下为 14:15 数据」
冻结态P27原因类别 + 影响范围 + 申诉入口,不透露规则「个人积分不受影响,城市贡献暂不计入」
届末态全站30 天兑换倒计时 + 荣誉回顾入口;榜单只读「本届已定格。你还有 30 天兑换 A」

▍无障碍与适老化

· 基准宽 375,兼容 320–430;页面不产生横向滚动(P17 长卷除外)。
· 系统字号放大至 130% 不破版:P04 题干按 1.3 倍预留两行高度。
· 触控区 ≥ 48×48;选项高 ≥ 56。
· 图形信息(双向条、进度环、20 段进度)必须带 aria-label 文字等价,如「热度 71 分,本城 38.2,泉州 32.8」。
· 榜单支持纯文本模式(去掉档位色块,改为文字「B 档」)。
· 对比度:正文 ≥ 4.5:1;金色仅用于 ≥ 22px 数字或图标,不用于正文。
· 不使用纯色块闪烁;连击光晕 ≤ 600ms 且可被系统「减少动态效果」关闭。

▍数字呈现统一规则

· 千分位逗号;城市分 / CP 值 / 百分比 / 个人分 均保留 1 位小数。
· A 值为整数(积分兑换以 A 为单位,不出现小数)。
· 所有榜单标注「数据更新于 hh:mm」;所有金额标注「100A = 1 元」当前汇率与生效日。
· 排名变化用 ↑↓ + 名次差,不用折线(5 个月数据点太少)。
· 数字用 font-variant-numeric: tabular-nums,保证榜单右对齐。
· 同一数字在 P05 / P07 / P09 / P20 出现时必须同源:前端只读快照,禁止二次聚合。

14 待确认与风险盲点OPEN ITEMS

以下问题不解决,本稿不能进入切图阶段。前 5 项依赖需求文档的 D1–D7,后 7 项是本稿在设计过程中新发现的问题。

▍依赖上游决策(阻塞设计)

编号问题影响页面若不定,会怎样
D1实名与地域数据来源P02 P03P02 要出 3 个分支(自动填充/自主申报/上传证明),当前只画了自动填充 + 推荐
D2容器形态(App 内 H5 / 独立域名)全局底部 tab 与返回栈行为不同;分享落地页需不需要独立首屏未定
D3汇率下调触发方式P22当前用「常驻公示条」承接;若自动调价需加变更前二次确认弹层
D6未成年人策略P02 P24学习模式是独立流程还是 P02 的一个开关,决定要不要多一帧
D7榜单刷新粒度P08 P075 分钟快照可写"更新于 hh:mm";准实时则要改成"实时"并加抖动说明

▍本稿新发现的风险盲点(建议逐条过)

编号盲点建议动作
R-01倡议池没有独立页面。需求文档要求 K=2 下"必须做好倡议池页面的体验兜底",但页面地图 24 项里没有这一页本稿用 P13 未认证态承接。若 D4 维持 K=2,建议补 1 帧「倡议配对池」或在 P07 增加引流位(P2 的 FR-CP-12 已提到首页推荐位)
R-0216 城可一屏 10 行,100 城时榜单结构必须换(分档/搜索/分页),而这一点在届中改会造成用户认知断裂首届即预留"分组 + 搜索"入口(可按 A/B/C 档折叠),把结构成本前置,避免第五届重做
R-03未登录围观态只出了登录态样式。分享落地流量大,围观态是首屏第一印象补 2 帧:P08 围观态(隐藏答题入口,改为"代表你的城市参赛")、P07 围观态(隐藏贡献明细)
R-04同一数字出现在 4 个页面(128,460.5 / 96.1 / 1,846.0 / 68.4),前端若各自聚合必然出现"三个页面三个数字"设计层明确:所有数值只读快照接口,页面不得做任何加减;接口返回 updated_at 并强制展示
R-05学习强国容器的返回栈:H5 内 tab 切换若用 pushState,会把容器返回键污染成"一路退回首页"D2 确认后,tab 切换用 replaceState;答题流程用 pushState(需要"返回上一步"语义)
R-06券包与抽奖的"价值公示"口径不一致:P24 有单份 ≤ 5 万,P22 券包未标总价值P22 券包补充"本券池预算 X 万元 / 已核销 Y"公示入口,与有奖销售合规口径对齐
R-07适老化 130% 字号下,P05 五行拆解 + 因果链同屏会溢出(当前已接近 812 满载)把"因果链"在 130% 字号下折叠为两段(合并 1、2 段),保留第三段的排名变化——它才是情绪落点
R-08心仪城市(P11,1 座)是本稿新增产品件,需求文档 FR-CP 系列无对应条款;若不补口径,开发会把它误做成「CP 意向投票」(已定:改称「心仪城市 + 心动值」,见 FR-CP-14)需求下一版补 FR-CP-14:心仪城市只决定云游入口与心动值写入对象;产出 ×0.7 入该城总分,心动值按来源城市拆分汇总后成为该城的 CP 值排行榜,个人不构成对 CP 值的直接投票
R-09CP 四维里的「文化共鸣」由内容侧标签计算,运营若手工调整标签,历史 CP 值会漂移标签版本号入快照,CP 值一律定格,不允许按当期标签反算历史值(与 FR-CP-06 的 P95 截断同一条纪律)
R-10已定「不推断、纯自选」,于是没有技术校验兜底:用户可在 16 城中任选一座为主场并按 ×1.0 计分,等于给非居住城市刷分;31 天赛期内只错一次就锁死。(原「三源自述不一致」问题随「不推断」消失,风险转为无校验)不做事前拦截,改做事后异常识别:一人一号 + 设备绑定;同一设备/证件多城 1.0、某城新增账号在赛期后段集中爆发 → 进复核池。申诉只开「首次绑定后 48 小时内撤回」。文案不再宣称「主场=常住地」,只说「你选的城市」,不承诺无法验证的事实
R-12首届只有 16 个入册城市,绝大多数地级市不在册:非入册用户也要从 16 城中选 1 座并按 ×1.0 计分。风险不在规则,而在叙事——用户会问「我凭什么为这座城市出战」(已定:16 城任选 + 候补)已定:非入册用户从 16 城中自选 1 座出战,同时投候补预报名(P29)。文案统一说「你选择为哪座城市出战」,不写「代表所在区域」「就近绑定」,也不承诺与居住地一致。城市分按人均计,人多的大城不会因此更容易上榜
R-11心仪城市「每 7 天可换 1 次」与 P15 的衰减系数互相拉扯:若换城即清零连续天数,用户会在第 7 天前不敢换,规则形同虚设(已定:换城不清零)已定 ①:换城不中断连续天数——衰减只对「未参与」计,不对「换城」计。P11 按钮旁与 P15 口径页都要写明,避免客服口径不一
R-13「心动值」与「CP 值」两个概念极易被混用:前者是个人产出的行为量,后者是城市层按来源城市拆分汇总后的结果。混写会让用户以为「我刷心动值就是在刷 CP 值」,进而被包装成拉票全站锁死三层口径:心仪城市(选谁)→ 心动值(我产出多少)→ CP 值排行榜(该城按来源城市拆分汇总后的排名)。出现「为某城拉票」「CP 意向」「心动值=CP 值」即为口径错误,验收逐帧核
下一步建议
1 · 先关 D1 / D2 / D6 三个门,再进入视觉细化(其余可用假设推进)。
2 · 本稿 29 帧确认版式后,按 23 页口径裁减 P03 / P28,交前端切图。
3 · 同步产出「只读快照数字规范」一页给后端,这是 R-04 的唯一根治方式。
‹ 返回演示主页