🛡 界面设计

手机魔兽的整套游戏前端 UI:冷色调 · 程序化 3D 选项框 · 地图素材动态背景

01◈

素材 3D 查看

UI Asset Viewer

界面里的每一个素材都是程序化建模的真 3D 物体,可以 360° 拖动查看,并导出透明 PNG 作为 2D 贴图。

  • 框体:参考图重新建模的冷锻铁斜切框(银线 · 包角铆钉 · 银翼徽章 · 宝石 · 侧垂旗布)
  • 按钮 / 芯片 / 资源胶囊 / 头像铭牌 / 卷轴 / 进度槽 / 种族盾 / 宝石
  • 地图素材背景:首页雪夜要塞、四族战役背景、英雄篇章氛围图(地图引擎生成)
  • 19 张战图沙盘
360° 查看PNG 贴图导出地图素材背景
进入 ›
02▣

实机演示

Live Showcase

手机 / 平板横屏下的完整页面与切换动效:主菜单 → 战役(种族 → 英雄篇章 → 关卡)/ 争霸 → 载入。

  • 主菜单:头像铭牌 · 资源 · 战役 / 争霸大卡 · 局域网联机 / 存档 / 设置 · 日志 / 图鉴
  • 背景动画:地图素材动态背景轮播 + 推拉 / 环绕 / 升降运镜(手机 / 平板)
  • 日志(更新日志 + 四族图解)· 图鉴(全屏兵种 / 英雄)· 设置(声音 / 画面 / 战场)
  • 战役:种族盾转盘 + 种族动态背景 → 英雄篇章卡 → 英雄氛围图 + 关卡列表 + 简报 + 难度
  • 争霸:地图类型 → 战图 · 3D 沙盘 · 1v1~4v4 / 混战 / 自由席位 → 载入 → 样机内真机演示
手机 / 平板冷色调动态背景三层战役
进入 ›
设计依据:界面设计交接包(版式 / 动效 / 交互逻辑保留)+ 参考图(框体重新建模,色调改为冷色)