Unity 开发者开源生产级 UI Toolkit 设计系统
Sinan Ata 是一名独立游戏开发者，正在制作《Leap of Legends》，这是一款融合了 Jump’n Bump 和 Rocket League 元素的多人平台格斗游戏，计划在桌面和移动平台发布。
由于是独自开发，Sinan 亲手构建了游戏 UI 的每一个部分，包括菜单、大厅、HUD、设置、游戏内商店以及赛后画面。他基于 Unity 6 的 UI Toolkit 开发了名为 Unity UI Toolkit Design System 的额外层。
Sinan 已将此系统以 MIT 许可证开源，使其可自由用于其他项目。集成方式只需将文件夹放入项目的 Assets 目录，并将主样式表附加到 UI 画面，整个界面就能采用一致的视觉风格。还提供了一个在线演示，用户可悬停或点击组件以查看每个元素背后的选择器链。
Sinan 构建 Unity UI Toolkit Design System 的原因是 UI Toolkit 只提供了基础功能，没有设计语言。正如他所解释的，在大多数项目中，团队最终不得不从头重新创建按钮、输入框和布局等，往往缺乏一致性。这个项目将所有元素整合在一起，并通过一个已发布的产品持续更新。
以下是开发者描述该设计系统对《Leap of Legends》的影响：
“来自我项目的一些数据：菜单画面从设计到上线只需一两个小时，而不是一两天。移动端适配是免费的；加上 .mobile 就能发布。主题实验只需十分钟的工作。四个调色板分别对应一个 git diff DesignTokens.uss。跨画面一致性是自动的。每个按钮看起来都像其他按钮，评审者不会标记不一致，因为根本不存在不一致。
《Leap of Legends》发布时，这一层位于 Assets/DesignSystem/。设置、大厅、商店、赛后、游戏内 HUD，所有这些都使用相同的 token、相同的组件、相同的 .mobile 切换。玩家购买物品的商店画面构建于其上；家长用于启用儿童安全模式的设置画面也构建于其上。”
相关链接
原文链接：https://80.lv/articles/unity-dev-open-sources-production-ready-ui-toolkit-design-system
喜欢这篇内容吗？