TohsakaRinzの藏身处
首页项目归档照片墙音乐灵境说说杂谈友链关于
封面

CiRCLE Garage 2.0:把车型列表重新设计成可视化车库

写作时间:2026-10-15
# UX/UI
# CiRCLE Garage
# 前端设计

设计状态:已形成统一设计基线与离线概念原型;真实服务器联动仍需验证。

一个很直接的不满

之前的服务器面板不是完全不能用,而是“太像一张大型表格”。打开车辆管理,密密麻麻的车型名称堆在一起,找到目标车要靠记忆和搜索;对一个本身就以汽车为主角的项目来说,这实在有点可惜。

所以我给改版定了一个方向:CiRCLE Garage 2.0,暗色工业赛车风格,以真实 Mod 车辆图片为视觉主体。

首页应该先回答什么

管理者打开车库,通常不是为了研究几十列数据,而是想快速知道:有哪些车、哪辆可用、哪个 Mod 缺文件、哪些待发布、哪些正在被玩家使用。

我希望主工作区采用车辆卡片网格:大图、简短车型名、关键状态和少量必要参数。详细路径、版本、性能数据、槽位关联等信息放在侧边面板里,需要时再展开。

这样做并不意味着减少功能,而是把功能从“默认全部展示”变成“按任务逐步展开”。

统一设计语言

视觉部分

  • 背景采用深灰、炭黑、低饱和材质质感,而不是纯黑色大面积堆砌。
  • 车辆预览图统一裁切比例;图片无法读取时优雅降级到车型占位卡。
  • 状态采用稳定的语义:可用、缺失文件、待发布、需检查,而不是全靠颜色猜测。
  • 控制面板突出关键操作的层级,不把删除、发布和查看放到同等醒目的位置。

交互部分

先选车,再查看详情,再调整,再预览影响,最后确认发布。多选和批量修改不应该绕开这个确认过程。

特别是车辆与服务器 entry_list、下载清单等配置相互关联时,必须能够展示“这次会改变什么”。

已经推进到哪一步

这套方案已经形成较完整的 UX 原型与车辆工作台方向;一些前端改动做过离线层面的验证。不过离线可点击的页面和真实运行的服务器后台仍是两回事。

下一阶段我更想验证三件事:真实 Mod 图能否稳定读取、编辑后状态能否持久化,以及出错时能否明确回滚。

好的管理界面,不是让所有信息同时出现,而是在需要时把正确的信息送到眼前。

avatar

TohsakaRinz

喜欢折腾赛车服务器、旧硬件、车机与 AI 工具,记录开发、设计和排障中的发现。

RECOMMENDED

这里是我的数字工坊:一份写给访问者的导航

2026-10-22

CiRCLE Wangan:把首都高交通服做成真正可管理的系统

2026-10-12

旧车机复活计划:在 Android 4.2 上寻找 CarPlay 的可能性

2026-10-14

Table of Contents