“多巴胺设计” 来袭，TDesign 主题中心上线

前言

在过去的一年里，TDesign 推出了主题配置功能，并开放了颜色配置功能，使得越来越多的企业能够为其内外部产品提供个性化定制。随着 TDesign 正式版的发布，UI 定制功能已通过 Design Token 全面融入到了代码中。 如今，越来越多的 Token 需要配置和命名，为了降低用户在使用过程中的成本，团队希望开放更多的功能，通过可视化工具进一步提高定制能力的自由度，让用户能够更轻松地进行个性化定制。

驱动设计和研发价值

主题中心，旨在为用户带来更快速、更简单、更灵活的体验。设计与研发过程是一场跨学科的探索之旅——从重新设计简化的流程入口，到采用动态设计与开放个性化选项。开发和设计通过跨专业的研究共同成长，目前所实现的所有内容都是开源社区与团队深度协作成果的体现。

对于 TDesign 来说，在自 21 年末开源之后，为迎接下一个 AI 风口，主题中心的发展显得至关重要。这激励团队积极主动地探索新领域，并展望未来愿景，力求实现当下与未来的平衡。TDesign 希望每一步都能推动设计与研发体验的不断提升。

简化而不简单

跨框架、跨终端的最大挑战之一是保证体验的统一，主题中心使用挂件的形式，通过 CSS Variables 的纯前端注入，官网实时预览变化。用户可下载最新的 CSS 文件并将其用于多个项目中，无需针对不同框架的差异重新设计产品，

主题模板来了，提供多样化且具有业务属性的主题模板。通过简便的一键配置，用户可迅速选择不同的业务主题，提升搭建效率助力行业发展。

TColor 进一步升级，自动矫正不建议 UI 使用颜色，针对色阶生成进行全面的升级，动态调整不同色相和饱和度的颜色定位。中性色可支持主题色倾向，根据主题色可以在不同层级界面带来一致的情感体验。

系统预设进一步扩大，提供字体、圆角、阴影和尺寸预设方案，根据用户不同风格偏好更合理提供样式配置，通过不同样式预设搭配出不同业务的主题。

页面模板同步更新，支持自定义配置能力，并展示更直观、清晰的页面级预览。用户可借助页面模板打造独具风格的系统和产品，进而有效提高品牌识别度。

焕然一新的入口

新设计的挂件是在 UI 中最引人注目的变化，用户会发现它位于页面布局的底部，虽然挂件在布局上显得突出，但在体验过程中并不会造成干扰。挂件实质上是 TDesign 的一个独特差异化因素。用户可以在底部找到所有与主题定制相关的功能，如主题模板、参数调整、页面设置和导出下载等，这有助于更轻松地聚焦并找到相应功能。

打造风格

主题模板快速定制，腾讯云主题样式同步开源。默认主题下提供更多的样式预设，颜色不仅仅是将所有内容相关为默认的灰色和白色，用户也可以选择带主题倾向中性色。另外很多主题色是不适用UI场景，TColor 可以根据不同主题色自动矫正，让主题的配色更合理，更动态。另一个体验变化是添加了尺寸的预设调整能力，搭配不同样式预设，可配置不同风格的主题。不仅帮助用户在主题定制中简化流程，并为不同业务赋予更多的个性。

案例

腾讯云主题一键设置，后续将会开放更多业务场景和行业场景。

紧凑及宽松主题，在默认主题下，通过修改尺寸预设可以进行快速定制。

全定制样式，预设都可以满足，当然用户也可以单独调整全局token的形式单一修改。得益于 TDesign 都以 git submodule 的方式引入自己的仓库中。如果还不满足，用户也可以通过 common 进行修改样式代码。

为你设计

主题中心旨在为用户提供更具专业性的业务场景，拓展用户的使用体验及更高的定制自由度，通过个性化定制和颜色配置，满足每个企业和用户独特的使用需求。

在未来，期待通过 AI 技术创新和服务升级，为用户带来更加出色的体验，让 TDesign 在未来得到更广泛的认可和信赖。