← 返回项目库
企业服务软件开发产品设计数字化工具

TDesign 企业级中文设计体系

覆盖设计规范、跨端组件、页面模板、主题定制和行业组件的中文企业级设计体系。

TDesign 是一套面向企业产品团队的中文设计体系,系统整理色彩、字体、动效、图标、布局和深色模式等设计规范,并提供桌面端、移动端、小程序资源、页面模板与行业组件。本次交付已完成生产静态资源自包含修复,解决私有化部署时入口脚本跨域导致页面白屏的问题。

真实界面

项目截图

共 8 张

设计体系首页
设计价值观
色彩规范
深色模式规范
布局与栅格规范
高频任务设计指南
设计资源中心
行业组件方案

Capabilities

核心功能

色彩、字体、动效、图标与布局设计规范
深色模式设计方法
桌面端、移动端与小程序资源
页面模板与设计资产中心
中后台高频任务交互指南
行业组件方案
主题与品牌视觉定制
中文导航和中文设计文档
自包含静态资源生产构建

适用场景

企业中后台设计规范
多产品线品牌统一
设计研发协作基线
行业应用快速原型

适合谁

产品设计师、前端开发者、产品经理、设计系统负责人,以及需要统一多项目视觉规范的企业团队。

商业化思路

适合设计系统建设、企业中后台规范、多产品线品牌统一、设计研发协作,以及基于成熟规范快速构建行业应用原型。

你会拿到什么

  • 固定版本完整源码包
  • MIT 许可证
  • 中文部署说明
  • 八张真实中文功能截图
  • 生产静态资源自包含修复
  • 运行与质量验证记录

部署流程

  1. 1安装 Node.js 20 或 22 与 pnpm 10
  2. 2执行冻结锁文件依赖安装
  3. 3构建设计组件资源
  4. 4构建中文设计站点
  5. 5将 site/_site 交给静态服务器并配置前端路由回退
  6. 6访问核心设计规范页面验收

真实验证结果

已在 Node.js 22 与 pnpm 10 环境完成 1719 个依赖安装、4828 个模块生产构建;首页、价值观、色彩、深色、布局、高频任务、设计资源和行业组件八个中文页面实际运行;归档、许可证、截图、CSS 与公开来源链接质量门通过。

部署前须知

部分视频、公告与统计由在线增强服务提供;离线环境不影响核心中文设计文档和本地静态资源。源码包含较多高清设计素材,固定包体积较大。

部署难度

简单

最低配置

构建建议 2 核 CPU、4 GB 内存;静态部署阶段仅需常规 Web 服务器或对象存储静态托管。

开源许可证

MIT

最后验证

2026-08-13

技术栈

Vue 2.7Vite 6TDesign VueLesspnpm workspace

授权说明

根目录声明 MIT License;使用、修改或再分发时应保留许可证与版权声明,第三方素材和依赖需分别遵守其许可。