设计状态:已形成统一设计基线与离线概念原型;真实服务器联动仍需验证。
一个很直接的不满
之前的服务器面板不是完全不能用,而是“太像一张大型表格”。打开车辆管理,密密麻麻的车型名称堆在一起,找到目标车要靠记忆和搜索;对一个本身就以汽车为主角的项目来说,这实在有点可惜。
所以我给改版定了一个方向:CiRCLE Garage 2.0,暗色工业赛车风格,以真实 Mod 车辆图片为视觉主体。
首页应该先回答什么
管理者打开车库,通常不是为了研究几十列数据,而是想快速知道:有哪些车、哪辆可用、哪个 Mod 缺文件、哪些待发布、哪些正在被玩家使用。
我希望主工作区采用车辆卡片网格:大图、简短车型名、关键状态和少量必要参数。详细路径、版本、性能数据、槽位关联等信息放在侧边面板里,需要时再展开。
这样做并不意味着减少功能,而是把功能从“默认全部展示”变成“按任务逐步展开”。
统一设计语言
视觉部分
- 背景采用深灰、炭黑、低饱和材质质感,而不是纯黑色大面积堆砌。
- 车辆预览图统一裁切比例;图片无法读取时优雅降级到车型占位卡。
- 状态采用稳定的语义:可用、缺失文件、待发布、需检查,而不是全靠颜色猜测。
- 控制面板突出关键操作的层级,不把删除、发布和查看放到同等醒目的位置。
交互部分
先选车,再查看详情,再调整,再预览影响,最后确认发布。多选和批量修改不应该绕开这个确认过程。
特别是车辆与服务器 entry_list、下载清单等配置相互关联时,必须能够展示“这次会改变什么”。
已经推进到哪一步
这套方案已经形成较完整的 UX 原型与车辆工作台方向;一些前端改动做过离线层面的验证。不过离线可点击的页面和真实运行的服务器后台仍是两回事。
下一阶段我更想验证三件事:真实 Mod 图能否稳定读取、编辑后状态能否持久化,以及出错时能否明确回滚。
好的管理界面,不是让所有信息同时出现,而是在需要时把正确的信息送到眼前。
