同福客栈 · 道具系统新核心
UI 视觉规范 v1.0
§11 装备槽位 + §12 攻防系数 + §13 战力系统
2026-06-29 · 配套《道具词条与玩法扩展 v3.1.3》
6 档
品质色组
11 个
子槽位
5 秒
新装备决策
§ 1.1 品质 6 档色组（核心）
菜刀
白板
#9CA3AF
菜刀
带彩
#10B981
菜刀
黄货
#3B82F6
菜刀
暗金
#8B5CF6
菜刀
套装
#F59E0B
菜刀
亲制
#EA580C
菜刀
神
神物
#DC2626
↑ 6 档色组覆盖 9 档品质。玩家看"左边框色"就知道装备档次。↑
§ 1.4 战力色阶（新手第一接触面）
842
路人
1.2k
小有名气
5.7k
江湖新秀
12.5k
一方高手
28.3k
武林名宿
67.8k
一代宗师
125k
神物级
0
1k
5k
10k
25k
50k
100k+
↑ 数字 + 颜色 = 一眼判断"我到了哪个档次"。↑
§ 2.1 装备卡 ItemCard（3 档对比）
200
战力
白板
老旧菜刀
🗡️ 攻
+5
🛡️ 防
+3
普通
+8%
5.7k
战力
套装
黄金菜刀
🗡️ 攻
+15
🛡️ 防
+8
锋利
+25%
屠龙
3% 几率
⚡爆击
5%
4.2k
战力
神物
神
屠龙宝刀
🗡️ 攻
+80
🛡️ 防
+50
⚙️ 效
+30
龙吟
触发回血
降龙
+150%
⚡屠龙斩
10%
唯一机制：习武之人用此刀，对龙系敌人伤害 +300%
§ 2.2 槽位格 SlotCell（11 子槽位 · 3 状态）
已装备（4/6）
🗡️
主手
黄金菜刀
👒
头部
厨神帽
👕
身体
湖蓝围裙
🧤
手部
老手套
👟
足部
💍
饰品 1
未装备 · 已解锁
💍
饰品 2
📿
护身符
🔧
工具
📖
书籍
🪑
家具
未解锁（员工 Lv.10 开放）
🔒
饰品 3
Lv.10
§ 2.4 攻防饼图 CoeffPieChart
李大嘴 · 槽位协同
80
/200
攻系
52 (65%)
防系
20 (25%)
效系
8 (10%)
buildTag 流匹配
⚔️ chef
80%
🛡️ defense
25%
⚙️ management
15%
📖 scholar
5%
流匹配度 = buildTag 决策可视化
战力构成（hover 展开）
1.2k
总战力
攻战
720
防战
300
效战
120
特战
60
§ 2.6 替换对比面板 ComparePanel（决策核心）
替换：菜刀·老 → 黄金菜刀
当前装备
800
战力
带彩
老旧菜刀
🗡️ 攻
+10
🛡️ 防
+5
⬅ 替换装备
1.2k
战力
套装
黄金菜刀
🗡️ 攻
+15
🛡️ 防
+8
变化：
战力
+400
↑50%
攻系
+5
↑↑
防系
+3
↑
chef 流匹配
+8%
↑
取消
✓ 替换
§ 3.3 战力总览 PowerOverview（里程碑系统）
12.5k
江湖新秀
Lv.20 · scholar 流
✓
1k
小有名气
✓
5k
江湖新秀
▶
10k
一方高手
🔒
25k
武林名宿
🔒
50k
一代宗师
🔒
100k
神物级
距离下一个目标
10k
· 差
0
下一里程碑奖励：2000 铜 + 传承券 ×3
§ 4 拟物化方案（客栈调性）
宣纸
#FEF9E7
背景主色
墨色
#1F2937
文字主色
朱砂
#DC2626
强调 / 神物
胡桃木
#8B6F47
槽位外框
设计铁律：
整套界面只用「宣纸 + 墨色 + 朱砂」三主色。 装备卡底色是宣纸米黄，不是纯白；文字是墨色，不是纯黑；强调色是朱砂红，不是赛博红。 槽位外框是胡桃木色，给玩家"装备在木质相框里"的感觉。
同福客栈 · 道具系统新核心 UI 视觉规范 v1.0
配套《道具词条与玩法扩展 v3.1.3》· 2026-06-29