游戏 UI 设计系统
定义
游戏 UI 设计系统是把游戏中的按钮、输入框、布局、图标、主题变量和适配规则，整理成一套可以跨多个界面反复复用的统一体系。
它要解决的不是“少画几个控件”这么简单，而是独立开发中反复从零重写 UI 的隐形成本：每做一个新项目，甚至同一项目里的新页面，按钮、输入框、布局都要重新搭一遍，而且每次细节还不完全一样，最后同时带来开发重复劳动和视觉不一致。
在本文语境中，这种系统并不是抽象的设计方法论，而是基于 Unity UI Toolkit 实际落地的一整套可接入工程的 UI 基础设施。它的目标不是只提供几个可复用组件，而是把视觉规范、主题切换、跨页面复用、多端适配和部分运行时辅助能力，一次性纳入同一套结构。
本文语境中的具体指向
本文讨论的案例，是开发者 Sinan Ata 在独自开发多人平台格斗游戏 Leap of Legends 时，为了解决自己重复造轮子的问题，在 Unity 6 UI Toolkit 之上搭建的一套系统，并以开源形式发布。
这里的重点是：设计系统不是大型团队才需要的资产。对独立开发者或小团队来说，它反而更直接，因为人少时更承受不起每个界面都重做一遍的时间成本。
这套系统在来源中被称为 Unity UI Toolkit Design System。它统一采用深色主题，并同时考虑键盘与触控场景，说明其设计目标不是单一桌面界面，而是面向多输入方式、多屏幕类型的完整游戏 UI。
组成：不止是组件库
在本文案例里，游戏 UI 设计系统的组成明确不止 UI 组件本身，还包括以下几类内容：
- Design Token：承载配色、主题变量等可统一替换的基础设计值。
- UI 组件：如按钮、输入框以及可反复复用的界面结构单元。
- 图标集：保证多个界面中的图形语言一致，而不是每页单独找素材。
- 主题样式：用于定义整体视觉风格，而不是只处理单个控件外观。
- 移动端支持：不是事后补丁，而是系统的一部分。
- Runtime Helper：提供辅助运行时能力，帮助这套系统在实际项目里更容易接入和工作。
因此，游戏 UI 设计系统的边界要比“组件库”更大。
只有组件库，通常只能解决“有没有现成按钮”；而把 Token、图标、样式、适配和运行时辅助放到一起，才能解决“整个项目如何长期保持统一且高效迭代”。
统一视觉是如何实现的
本文案例给出的关键机制有两个：
1. 用主 stylesheet 控制整体风格
整个视觉风格由一张主 stylesheet 统一控制。接入时，只要把系统文件夹放进项目 Assets 目录，再把主 stylesheet 挂到对应 UI 屏幕上，整体风格就能被统一起来。
这意味着风格控制不是分散在每个页面里各写一套，而是通过一个中心化样式入口向各页面传播。
这种做法的工程意义很直接：
,