原副标题：百度对外开放源码虚拟化结构设计管理体系 TDesign
撰稿编者按：TDesign是百度打造出的这款虚拟化结构设计管理体系，那么TDesign是两个怎样的结构设计管理体系？它又有什么样结构设计优点更为重要？第一集该文里，作者对百度打造出的此款虚拟化结构设计管理体系TDesign做了详尽阐释，一同来看一下吧。TDesign 是来自百度外部近 300 名结构雕塑家与开发人员协力打造出，透过 500+ 项目使用、校正和磨练过的虚拟化结构设计管理体系， 秉持宽容、多元、变异、相连的价值观念，TDesign 期许与使用者、金融行业及合作方等一同打造出具有竞争优势的商品新体验。
从结构设计起程，TDesign 提供了完备的结构设计语言、听觉风格手册和结构设计资源，以及如前所述 Vue2、Vue3、React （Vue3、React 目前仍在 Alpha 版插值中）等业内非主流控制技术栈的模块，帮助开发人员能快速开发图形界面端、终端端和小流程端等多个版的插件。
假如你对于 TDesign 钟爱，能打开 TDesign 官方网站，新体验 TDesign 。假如你对 TDesgin 问世的历史钟爱，何不来看看 TDesign 问世背后的故事。
一、百度对外开放源码协同，TDesign 高速成长的沉积物
自 2019 年开始，百度正式宣布在外部实行对外开放源码协同，引导所有源码对公司外部全部对外开放，协力协同。
也正是这种的对外开放源码协同的背景，使得百度的结构雕塑家和开发人员们思索到：“是不是可能将透过对外开放源码协同，解决过去百度外部团队分别维护结构设计管理体系，各结构设计管理体系之间质量良莠不齐的难题”。所致这种的目的，在百度外部建立起了对外开放源码协同项目组，来协力思索和研究这个难题，在 2020 年 2 月份，透过多次远距会议，确定了 TDesign 的商品目标和控制技术走线，并在全体人员的参与下协力投票表决挑选出 TDesign 的名字。
但 TDesign 应该是怎样的结构设计管理体系？
结构雕塑家们找到了标准答案：TDesign 应是两个拥有宽容、多元化、变异、相连的价值观念，期许为使用者、金融行业及合作方等打造出具竞争优势的品牌与商品新体验的结构设计管理体系。
宽容，是为了让 TDesign 海纳百川，既能满足当今社会需求，也能应用于更广泛情景； 多元化，是 TDesign 应能够借力不同业务，积极探索无穷可能将； 变异，是 TDesign 应成为两个静态的结构设计管理体系，在“以使用者价值为准绳”的基础上，高速成长变异； 相连，是 TDesign 需要用最大的努力去相连借力，联动融通。有了目标和价值观念，TDesign 也真正开始进入落地的阶段。
二、从协同到对外开放源码，TDesign 高速成长的历程
在项目刚刚落地时，透过外部发起的贡献者招募，大批结构雕塑家和开发人员带着原有业务模块的经验、成果和满腔的热血，在很短的时间内产出了大量的结构设计稿和模块，完成了项目的初始化建设。但因为对跨控制技术栈维护模块库的复杂度认识不够，各个框架中对同一模块的文档和 API 实现都有差异，使用者使用模块库新体验不一致的难题，一直困扰着 TDesign 项目组。
为了解决协同的难题，TDesign 在进行第二期插值时，透过一系列工具和工作流程来规范模块的开发过程，选择更加对外开放源码风格的异步 issue 讨论，开发了工具来自动生成各个框架的 API 定义和描述文档，引入 CI / CD 流程来降低人工参与的比率，从而减少因为人而犯错的可能将。透过引入机器人的方式，来提升信息推送的效率，让每两个人都能时刻知道什么事情是需要做的，什么事情是不需要做的。
借助于这些更加“对外开放源码”风格的工具和协同方式，TDesign 的效率得以提升，让 TDesign 在进行二期开发时，比预期更快地完成任务。
借助于异步和聚焦的讨论方式，难题能被更加深刻地讨论和思索，从而更容易得出两个符合预期的结论，在开发时能够以更高的效率完成模块的封装和代码的编写。也正是这种更加对外开放源码的方式，最终构建出了如今的 TDesign。
三、从设计到研发，TDesign 的优点有什么样？
作为这款虚拟化结构设计管理体系，TDesign 的优点能总结为如下三点。
1. 完备：完备的控制技术、结构设计资源，将结构设计与开发人员从重复劳动中释放出来
TDesign 为开发人员提供了多种非主流开发控制技术栈的支持：TDesign 已经支持了 Vue2、Vue3、React 和终端端小流程的开发，其他控制技术栈如 Augular、Flutter 也有相应贡献项目组正在开发。
为了实现开发与设计之间的高效协同，TDesign 中包含了丰富可复用的结构设计模块资源，如色彩管理体系、文字系统、动效结构设计、图标元素、布局结构等，覆盖支持 Axure、Sketch、Figma、Adobe Xd 等各大商品设计软件，将结构设计和开发人员从重复劳动中释放出来。
除了常规结构设计资源，TDesign 还提供了辅助结构设计工具如 Sketch 结构设计插件，也支持在百度 CoDesign、即时结构设计、Pixso、墨刀等市面常用结构设计工具中使用 TDesign 结构设计物料。
2. 一致：一致的结构设计和开发新体验
TDesign 将百度外部多年结构设计经验提炼总结为专业的结构设计手册，其所提供的通用结构设计解决方案，能够帮助商品经理、结构雕塑家、开发人员等角色高效完成虚拟化商品的结构设计和研发，并保持结构设计语言和风格的一致，满足使用者新体验的要求。
如前所述 TDesign 的结构设计管理体系规范，TDesign 同时上线了模块库的图形界面端和终端端，提供了多个控制技术栈实现版。透过一系列协同流程和辅助工具，保证各控制技术栈模块 API 和实现产物一致。借助这些能力，使得项目即便使用了多种不同的控制技术架构或控制技术栈，开发人员也可透过 TDesign 通用结构设计模块库进行开发，显著降低学习成本，在构建统一/多端覆盖/跨控制技术栈的前端应用时更具优势。
3. 易用：清晰的结构设计手册和开箱即用的解决方案
TDesign 结构设计管理体系在形成过程中，提炼了不同业务、情景的结构设计经验，提供了通用的结构设计手册以降低使用门槛。对于不同企业商品的品牌定制需求，TDesign 支持使用者对结构设计风格进行扩展，目前已经将结构设计样式梳理归纳为 Design Token，形成一套企业外部的语义化结构设计规范，方便后续进行统一的管理和使用扩展。
在主题配置方面，TDesign 提供了明亮和暗色两种模式，支持一键切换，提升使用者的使用新体验。后续，TDesign 还会推出针对于不同垂直领域的金融行业模块，覆盖更多的业务范围。商品项目组能借助内置的行业主题，快速配置对应需求，启动业务开发。
TDesign 同步上线了这款开箱即用的中后台框架 TDesign Starter Kit，开发人员能透过它快速新体验模块功能，也能将它修改为项目基础脚手架工程，快速实现从 0 到 1 的商品开发上线。
四、从过去到未来，TDesign 还将做些什么？
透过对外开放源码，TDesign 期待持续打磨出更加完善易用的模块库，包括在国际化、无障碍和适老化方面有更成熟的解决方案，对更多的商品和使用者有帮助。
借助社区，TDesign 期待与更多商品结构雕塑家和开发人员有专业交流，甚至是收获两个积极活跃的 TDesign 社区。
非常期待你对 TDesign 的持续关注和反馈意见。更欢迎同道中人的你参与 TDesign 的对外开放源码共建，与 TDesign 从对外开放源码到更加成熟的旅程中一同进步。
五、如何新体验 TDesign ？
您有两种方式使用或新体验 TDesign：
感谢参与 TDesign 的近 300 名同学的支持，在 TDesign 从 0 到 1 的过程中贡献了宝贵的经验、代码、模块、文档、建议等等所有的付出，使 TDesign 得以起步，得以服务使用者； 感谢百度外部对外开放源码协同的文化和控制技术委员会的机制，让 TDesign 得以在企业外部孵化孕育，让 TDesign 凝聚满腔的热血； 感谢对外开放源码的前行者，为 TDesign 的发展提供了理论和实践上的参考和各类对外开放源码工具的帮助； 感谢 InfoQ、CSDN、对外开放源码中国、51CTO、人人都是商品经理、优设网 等平台以及 前端之巅、前端早读课、前端大全、web前端开发、前端新世界、前端大学、龙爪槐守望者等自媒体，让 TDesign 能为更多人所知。 感谢所有 TDesign 的使用者和关心者，你们是 TDesign 的启明灯，指引 TDesign 的前进方向，TDesign 与大家共高速成长。图为 TDesign 的贡献者们
本文由 @百度结构设计 原创发布于人人都是产品经理，未经许可，禁止转载
题图来自Pexels，如前所述CC0协议
