UI DESIGN SPEC · v2.0

卡查AI — 卡牌榜单 / 我的卡包 / AI预评级全流程

延续 v1 的「深海蓝 × 评级金」设计语言。本稿为可交互设计稿：页面内标签、搜索历史、筛选、关注爱心等均可点击切换状态，便于一次性走查全部分支。

设备基准 375×812涨红 #E14D4D / 跌绿 #18A05C（A股惯例）16 个页面 / 弹窗状态2026-08-19

A · 卡牌榜单（可交互全状态）

交互提示：① 点顶部的「宝可梦 简中」可展开 TCG 项目/语言下拉；② 一级标签 PSA10 / 裸卡 / 搜索卡牌 / 我的关注 可切换；③ PSA10 下二级标签（市值/价格/成交笔数/PSA10数量）与周期标签（近7天~近1年）可切换；④ 搜索页点历史词 「皮卡丘」= 有结果示例、「耿鬼」= 无结果示例；⑤ 我的关注列表有取消关注按钮态。

9:41
宝可梦简中▾
宝可梦 简中
宝可梦 日文
海贼王 简中
游戏王 简中
PSA10
裸卡
搜索卡牌
我的关注
市值榜单
价格榜单
成交笔数
PSA10数量
1
喷火龙
S12a 211/172 · HR
￥88,888,888
总市值
2
皮卡丘
SV-P-110 · SV-P Promo
￥66,666,666
总市值
3
超梦
CP6 094/087 · SR
￥52,000,000
总市值
4
皮卡丘 V-UNION
S8b 212/182 · UR
￥38,888,888
总市值
5
超梦 EX
XY 150/146 · SR
￥21,666,000
总市值
6
喷火龙 VMAX
S12 174/172 · HR
￥9,888,888
总市值
近7天
近1月
近3月
近6月
近1年
1
喷火龙
S12a 211/172
▲ 12.4%
￥86,888
市场均价
2
皮卡丘
SV-P-110 · Promo
▼ 3.2%
￥1,120
市场均价
3
超梦
CP6 094/087
▲ 5.8%
￥7,385
市场均价
4
皮卡丘 V-UNION
S8b 212/182
— 持平 0.0%
￥2,660
市场均价
近7天
近1月
近3月
近6月
近1年
1
皮卡丘
SV-P-110 · Promo
▲ 22.6%
1,285
成交笔数
2
喷火龙
S12a 211/172
▲ 8.1%
986
成交笔数
3
超梦
CP6 094/087
▼ 4.5%
575
成交笔数
1
喷火龙
S12a 211/172 · HR
3,204
评级卡数量
2
皮卡丘
SV-P-110 · SV-P Promo
2,871
评级卡数量
3
超梦
CP6 094/087 · SR
1,562
评级卡数量
4
皮卡丘 V-UNION
S8b 212/182 · UR
1,105
评级卡数量
卡牌榜单
AI预评级
我的卡包
03 / 卡牌榜单 四大标签 · 榜单 / 搜索 / 关注全状态（可交互）

B · 卡牌详情页

点击右侧爱心可切换 未关注（空心）/ 已关注（实心）；「近7日涨跌幅度」为可下拉切换的周期控件。

9:41
喷火龙

喷火龙

宝可梦30周年纪念礼盒
SV-P-080 / SV-P Promo
宝可梦 简中
市场价
裸卡￥2,348
近7日涨跌幅度 ▾▲ +9.2%
PSA 10￥86,888
近7日涨跌幅度 ▾▲ +12.4%
04 / 卡牌详情 大图 + 关注 + 双轨市场价

C · AI识卡（相机页 + 识别结果确认弹窗）

右图两个底部按钮可点击切换选中（金色描边）/ 未选中状态；识别结果弹窗每行提供「查看详情」与「加入卡包」。

9:41
AI识卡
请将手机和卡牌方向保持一致，避免反光可以识别地更准
拍照上传
相册导入
05 / AI识卡 相机取景 · 拍照/相册双入口
9:41
识别到以下最相似的卡牌
喷火龙
S12a 211/172 · HR
当前价格￥86,888
查看详情 ›
喷火龙 VMAX
S12 174/172 · HR
当前价格￥9,888
查看详情 ›
喷火龙 V
S12 108/172 · R
当前价格￥168
查看详情 ›
06 / 识别结果确认 相似卡牌列表 · 可加入卡包

D · 我的卡包（含空状态切换）

筛选标签 全部 / 评级卡 / 裸卡、持有时间排序箭头均可点击；点下方按钮切换 有卡 / 空卡包 两种状态。

9:41
连旭 的卡包
搜索加卡
AI识卡
分享卡包
我的卡牌 卡牌数量 100|总价值 ￥10,000
持有时间 筛选
全部 评级卡 裸卡

您的卡包空空如也，尝试搜索添加第一张卡牌吧~

卡牌榜单
AI预评级
我的卡包
07 / 我的卡包 加卡入口 + 持仓网格 + 空状态

E · AI预评级全流程（须知 → 照片确认 → 评级中 → 评级报告）

loading 页有皮卡丘悬浮动画 + 扫描光标 + 进度条动效；报告页含推荐送评金榜、三张数据矩形表、瑕疵地图（右下角红色脉冲标记）。

拍照 / 上传须知

1仅支持裸卡预评级。
2拍照时需移除卡套且使用纯色背景，避免反光和阴影以保障识别的准确性。
3请保持卡面完整展示，不要使用滤镜或美颜功能。
4每张卡牌需要拍摄正反面完整和斜光图，以及四角近照，共计 8 张照片。
5请注意，普通图片无法判断所有内部或细微缺陷，AI 预评级不等同于正式评级。
08 / 预评级须知 5 条拍摄规范 · 开始拍照
*1/2 卡牌正面完整照片 ✕
名称噗隆隆
系列名朱&紫系列 - 嘉奖回合（SVAC）
编号135/129
发行年份2025年
稀有度AR
卡牌语言简体中文
照片错误返回上一步
继续下一张背面完整照片
09 / 照片确认 AI 识别信息核对 · 双按钮
AI评级中，请稍候
正在检测卡牌边距
10 / AI评级中 皮卡丘放大镜 · 检测动效
9:41

AI评级报告

噗隆隆
名称噗隆隆
系列名朱&紫系列 - 嘉奖回合（SVAC）
编号135/129
发行年份2025年
稀有度AR
卡牌语言简体中文
综合品相评分 95/ 100
推荐送评
综合品相优秀 · AI 建议提交评级以获得更高溢价
预估评级ESTIMATE
预估评级AI置信度市场价
PSA MINT 1080%￥5,000
PSA MINT 992%￥2,000
评价维度DIMENSIONS
评价维度卡牌表现
中心度中心偏移 5%
四角四角完好
表面表面完好
边缘边缘轻微磨损
裁切完整性高，没有裁切问题
瑕疵地图FLAW MAP
🎴
边缘
卡牌正面右下方有轻微磨损痕迹
11 / AI评级报告 评分 + 推荐送评 + 三段数据表

F · 关键状态静态稿（价格榜单 / 搜索结果 / 我的关注 / 卡包空状态）

以下为独立展示的关键分支状态，便于一次性走查与截图交付：价格榜单（近7天）、搜索有结果与无结果、我的关注列表、我的卡包空状态。交互版状态切换逻辑见 A 区。

9:41
宝可梦简中▾
PSA10
裸卡
搜索卡牌
我的关注
市值榜单
价格榜单
成交笔数
PSA10数量
近7天
近1月
近3月
近6月
近1年
1
喷火龙
S12a 211/172
▲ 12.4%
￥86,888
市场均价
2
皮卡丘
SV-P-110 · Promo
▼ 3.2%
￥1,120
市场均价
3
超梦
CP6 094/087
▲ 5.8%
￥7,385
市场均价
4
皮卡丘 V-UNION
S8b 212/182
— 持平 0.0%
￥2,660
市场均价
5
喷火龙 VMAX
S12 174/172
▲ 6.9%
￥9,888
市场均价
卡牌榜单
AI预评级
我的卡包
03a / 价格榜单 近7天 · 涨跌幅 + 上个周期价 + 市场均价
9:41
宝可梦简中▾
PSA10
裸卡
搜索卡牌
我的关注
皮卡丘
找到 4 张与「皮卡丘」相关的卡牌
皮卡丘
SV-P-110 · SV-P Promo
当前价格￥1,120
查看详情 ›
皮卡丘 V-UNION
S8b 212/182 · UR
当前价格￥2,660
查看详情 ›
喷火龙
S12a 211/172 · HR
当前价格￥86,888
查看详情 ›
超梦 EX
XY 150/146 · SR
当前价格￥7,385
查看详情 ›
卡牌榜单
AI预评级
我的卡包
03b / 搜索卡牌 · 有结果 结果列表 + 查看详情/加入卡包
9:41
宝可梦简中▾
PSA10
裸卡
搜索卡牌
我的关注
青绿蜥蜴
? ?

没有搜索结果，尝试替换关键词再搜一次吧~

卡牌榜单
AI预评级
我的卡包
03c / 搜索卡牌 · 无结果 缺省插画 + 引导文案
9:41
宝可梦简中▾
PSA10
裸卡
搜索卡牌
我的关注
共 3 张关注卡牌 · 价格变动将第一时间提醒你
喷火龙
S12a 211/172 · HR
当前价格￥86,888
查看详情 ›
皮卡丘
SV-P-110 · SV-P Promo
当前价格￥1,120
查看详情 ›
超梦
CP6 094/087 · SR
当前价格￥7,385
查看详情 ›
— 已到底部 —
卡牌榜单
AI预评级
我的卡包
03d / 我的关注 关注列表 + 取消关注按钮
9:41
连旭 的卡包
搜索加卡
AI识卡
分享卡包
我的卡牌 卡牌数量 0|总价值 ￥0
持有时间 筛选
全部 评级卡 裸卡

您的卡包空空如也，尝试搜索添加第一张卡牌吧~

卡牌榜单
AI预评级
我的卡包
07a / 我的卡包 · 空状态 数量归零 + 缺省插画引导

设计规范摘要 · v2.0

榜单组件

名次徽章#1 金渐变+悬浮皇冠 · #2 银 · #3 铜 · 4+ 灰
榜单行徽章30px + 卡缩略40×56 + 信息 + 右侧数值列
涨跌配色涨 #E14D4D 红 / 跌 #18A05C 绿 / 平 灰
一级标签胶囊36px · 选中深海蓝底白字
二级标签文字+金色下划线 · 周期胶囊28px

预评级流程

须知弹窗金色序号1-5 · 圆角22 · 开始拍照金按钮
照片确认底部抽屉 · *1/2 标题 · 双行双按钮
评级loading深蓝底 + 皮卡丘放大镜浮动 + 进度条
报告评分95/100 金渐变斜体 · 推荐送评金榜横幅
瑕疵地图迷你卡图 + 右下角红色脉冲标记

本版说明 · v2.1

新增静态稿价格榜单 / 搜索有·无结果 / 我的关注 / 卡包空状态（F区）
交互范围A区标签/历史词/筛选/关注/排序均可点击
裸卡标签复用榜单模板（市值/价格/成交笔数）
示意数据价格/概率均为占位，待接入真实数据
待确认PSA评级命名（MINT 10/9）按需求稿暂保留