Mobile ARPG Control HUD / Sketch 001

暗黑 ARPG 风格 · 横屏 HUD 草图

按 844×390 横屏手机设计,保持世界画面优先,战斗操作触手可达;底部中央保持留白,低频功能统一收纳到右上角菜单。点击首页控件或下方交互图节点,查看完整的移动端 UI 流程。

暗黑 ARPG 横屏 HUD

左上按“名称→头像→HP/MP/资源短条”排列;右上按“背包→小地图→菜单”排列,地图通过点击小地图进入,底部中央保持留白。

Azure · 暮光骑士Lv.42
附近:小心精英怪!
技能冷却中
Interaction map / all screens

全量 UI 移动端交互图

每张图表示一条完整操作路径。点击任意节点,查看它的入口位置、触控方式、页面形态和返回路径;任务始终从任务栏进入,组队信息固定显示在左上玩家头像下方。

常驻 HUD 右上角菜单 全屏面板 场景弹窗

进入游戏与角色入口

01 · ENTRY

首页战斗与掉落

02 · COMBAT

任务、地图与副本

03 · QUEST

角色、装备与技能

04 · CHARACTER

背包、物品与仓库

05 · ITEMS

队伍状态、聊天、好友与公会

06 · SOCIAL

商店、交易与制作

07 · ECONOMY

系统设置与异常状态

08 · SYSTEM
横屏预览