穿戴技能卡 · 用户流程报告

Skill Card Equip Flow — 从背包入口到武器 Socket 技能卡装配

基于 5 张游戏内截图 6 个核心步骤 涉及 3 个 UI 面板

流程摘要

本流程描述玩家先装备武器，再为武器装备技能卡的完整路径：按 B 打开背包 → 按 C 打开角色界面 → 右键或拖拽装备武器 → 点击武器上方 Socket → 打开背包技能卡界面 → 右键或拖拽装备技能卡。

核心交互模式：背包提供武器与技能卡、角色界面承载武器槽位、武器技能面板承载技能卡槽位。

快捷入口
B → C
第一层目标
Weapon
第二层入口
Socket
1
打开背包按 B
2
打开角色界面按 C
3
装备武器右键 / 拖拽
4
打开技能面板点击 Socket
5
选择技能卡背包分类
6
装备技能卡右键 / 拖拽
1

按 B · 打开背包

快捷入口
主游戏场景

用户操作

玩家处于主游戏场景时按 B，打开 Backpack 背包界面，开始装备流程。

界面关键元素

  • 角色：剑盾职业，手持巨剑
  • 等级：Lv.1 RandomName7303
  • 状态：HP 2180 / 2180，MP 558 / 558
  • 底部快捷栏：F1–F4 技能槽（已有部分橙色技能）
  • 右下角可见 （B）背包的快捷键提示
  • 背包是后续武器与技能卡的物品来源
▼
2

按 C · 打开角色界面

目标面板
角色面板

用户操作

背包打开后按 C，打开角色界面。角色面板与背包并列显示，便于把物品直接装备到角色。

界面关键元素

  • 窗口标题：角色（含 Lv.1 标识）
  • 角色立绘 + 等级 1
  • 六维属性：力量/智力/敏捷/灵巧/体质/幸运，均 100
  • 角色底部显示武器装备槽位
  • "属性" / "武器" 两个标签页（当前在"属性"）
  • 关闭窗口按钮（右上角 ×）
▼
3

右键或拖拽 · 装备武器

第一层装备
从背包装备武器到角色

用户操作

在背包的武器分类中选择目标武器：可以右键直接装备，也可以将武器拖拽到角色界面的武器槽位。

界面关键元素

  • 右键：从背包直接完成装备
  • 拖拽：从背包武器卡拖至角色武器槽位
  • ● 红色箭头表示拖拽方向
  • 装备成功后，武器卡出现在角色面板底部
  • 每把已装备武器上方显示对应的 Socket 入口
▼
4

点击 Socket · 打开武器技能面板

第二层入口
武器上方的 Socket 入口

用户操作

点击目标武器卡上方的 Socket 按钮，打开该武器对应的技能面板。

界面关键元素

  • Socket 位于每把已装备武器的正上方
  • 点击哪个 Socket，就编辑哪一把武器的技能槽
  • 武器技能面板作为技能卡的最终装备目标
  • 角色界面和背包保持可见，方便继续操作
▼
5

点击背包技能卡界面 · 选择技能卡

技能卡来源
背包技能卡分类与武器技能面板

用户操作

在背包顶部分类栏点击技能卡，将物品列表切换为可装备的技能卡。

界面关键元素

  • 右侧 Backpack 切换到技能卡分类
  • 列表中显示技能卡图标与等级
  • 左侧武器技能面板保持打开，形成“来源 → 目标”的并列布局
  • 已解锁技能槽可装备，带锁槽位不可装备
▼
6

右键或拖拽 · 装备技能卡

完成装备
将技能卡装备到武器技能槽

用户操作

在背包中选择目标技能卡：可以右键直接装备，也可以把技能卡拖拽到武器技能面板中的可用技能槽。

界面关键元素

  • 右键：直接执行技能卡装备
  • 拖拽：从背包技能卡拖至已解锁技能槽
  • 装备成功后，目标槽位显示技能图标与等级
  • 带锁图标的槽位当前不可用于装备
  • 底部 Auto unequip 用于卸下已装备技能卡

流程闭环与关键设计点

① 快捷键顺序：先按 B 打开背包，再按 C 打开角色界面，快速组成并列操作区。

② 两层装备关系：武器先装备到角色，技能卡再装备到武器，不能跳过武器层直接装卡。

③ Socket 入口：每把武器通过自身上方的 Socket 进入对应技能面板，目标归属清晰。

④ 双操作方式：武器和技能卡都支持右键与拖拽两种装备方式。

⑤ 槽位反馈：已解锁槽显示可装备状态；技能卡装备成功后，槽位展示技能图标与等级。