简单设计.md 3.9 KB

功能

游戏界面

技能界面

技能升级界面

  • 根据技能类型分类
    • 武魂
    • 心法
    • 武器技能
    • 角色技能
    • 等等
  • 显示技能列表
    • 当前等级/最高等级
    • 技能图标
    • 技能描述
    • 升级要求:等级/金币/当前等级/当前金币
    • 升级按钮
  • 其他信息/按键
    • 一键升级
    • 推荐技能等

技能界面

  • 根据技能分类显示技能
  • 根据技能分类,分划分区域显示技能
  • 显示技能等级,对应快捷键
  • 玩家职业等信息

技能栏

  • 角色核心数据信息:血量、蓝量、武器状态,及其他数据,不宜过多,几个即可
  • Buff栏
  • 技能槽
  • 武器槽
  • 道具槽位
  • 其他辅助性功能按键
    • 自动战斗
    • 自动嗑药
    • ...

技能槽

  • 显示技能图标、快捷键、CD等信息
  • 支持推拽,即把 A 技能从 一号技能槽 拖拽到 二号技能槽,此时使用 二号技能槽 的快捷键触发的就是 A 技能
  • 支持拖拽判定,武器技能不能拖拽到道具槽位,需要对技能槽进行划分和管理

功能按键

通常在界面的右下角或者右上角,有一系列按钮对应游戏中的一些核心功能或者玩家数据

  • 玩家信息,显示玩家名称、血量、等级、装备等信息的界面,可以选择装备等
  • 背包,点击后显示背包中的道具
  • 技能,鼠标悬浮后显示二级菜单
    • 技能面板,点击后显示玩家技能
    • 技能升级,点击后显示技能升级界面
    • 其他可以称为技能的东西
  • 队伍
  • 好友
  • 帮会
  • 任务
  • 等等

聊天框

通常聊天框在界面左下角

在 mmo 中,聊天框通常根据功能会划分多个 tab

  • 综合,显示所有聊天信息
  • 帮会,显示帮会聊天信息、事件等
  • 队伍,显示队伍的聊天信息、事件等
  • 世界,显示全服的聊天信息、事件等

通常会为聊天框添加一些额外功能按键

  • 筛选,选择感性其的文本
  • 隐藏,隐藏聊天框,防止干扰游戏
  • 其他功能

当然聊天框下面就是一个文本输入框,用于玩家输入文本,并发送对话

富文本

毋庸置疑,为了表现效果,富文本是必须存在的

以聊天框为例,游戏中经常会出现组队邀约,点击带下划线的文本之后,会自动触发组队请求逻辑

  • 自定义点击文本事件
  • 支持多种颜色配置
  • 支持图片配置
  • 支持多种字体配置

其实这些 ue/unity 早就支持了,问题不大

玩家数据信息

除了技能栏中放置玩家需要关注的核心信息外,通常左上角也会显示玩家信息

根据队伍情况,通常会以列表的情况显示队友的状态信息

通常队友和自己的显示的信息类型是相同的

  • 头像
  • 状态
  • 等级
  • 血量
  • 蓝量
  • buff栏
  • 名称
  • 等级
  • 职业

除了左上角外,通常在顶部中心位置会显示敌人状态信息

非 boos 战的情况下,仅显示玩家点击的敌人信息,或者当前正在战斗的一个或两三个敌人的信息,不宜过多,且信息较少

  • 名字
  • 头像
  • 血量
  • buff状态

boos 战的情况下,除了可以显示更多信息,并适当放大控件

  • 名字
  • 头像
  • 血量
  • buff状态
  • 各种动效
  • 血条数

小地图

小地图通常显示在右上角,标记玩家位置、周围敌人、NPC位置、地貌等信息

点击后会进入地图界面,显示更加详细的信息

任务栏

通常用于指引玩家,完成核心路线

需要考虑

  1. 任务触发条件
  2. 任务完成事件
  3. 后续任务指引

额外功能

  • 将窗口UI分类 或者 tag,可以根据 分类 或者 tag 来控制显隐性。比如对话时,隐藏小地图、任务栏、聊天框等,也可以根据
  • 窗口 UI 需要支持拖动,即根据窗口需求,选择基类
  • 窗口 UI 支持时机配置,玩家初始化之后、进入场景之后等自动启动