开源|腾讯开源企业级设计体系 TDesign

编辑导语:TDesign是腾讯打造的一款企业级设计体系,那么TDesign是一个什么样的设计体系?它又有哪些设计特性值得注意?本篇文章里,作者对腾讯打造的这款企业级设计体系TDesign做了详细解读,一起来看一下吧。
开源|腾讯开源企业级设计体系 TDesign
文章插图
TDesign 是来自腾讯内部近 300 名设计师与开发者共同打造,经由 500+ 项目使用、验证和锤炼过的企业级设计体系, 秉承包容、多元、进化、连接的价值观,TDesign 期望与用户、行业及合作伙伴等一起打造具有竞争力的产品体验。
从设计出发,TDesign 提供了完整的设计语言、视觉风格指南和设计资源,以及基于 Vue2、Vue3、React (Vue3、React 目前仍在 Alpha 版本迭代中)等业界主流技术栈的组件,帮助开发者可以快速开发桌面端、移动端和小程序端等多个版本的应用程序。
开源|腾讯开源企业级设计体系 TDesign
文章插图
如果你对于 TDesign 感兴趣,可以打开 TDesign 官网,体验 TDesign 。如果你对 TDesgin 诞生的历史感兴趣,不妨来看看 TDesign 诞生背后的故事。
一、腾讯开源协同,TDesign 成长的土壤自 2019 年开始,腾讯正式宣布在内部推行开源协同,鼓励所有源代码对公司内部全部开放,共同协作。
开源|腾讯开源企业级设计体系 TDesign
文章插图
也正是这样的开源协同的背景,使得腾讯的设计师和开发者们思考到:“有没有可能通过开源协同,解决过去腾讯内部团队分别维护设计体系,各设计体系之间质量参差不齐的问题”。出于这样的目的,在腾讯内部建立起了开源协同团队,来共同思考和研究这个问题,在 2020 年 2 月份,通过多次远程会议,确定了 TDesign 的产品目标和技术路线,并在全员的参与下共同投票选出 TDesign 的名字。
但 TDesign 应该是什么样的设计体系?
设计师们找到了答案:TDesign 应当是一个拥有包容、多元、进化、连接的价值观,期望为用户、行业及合作伙伴等打造具竞争力的品牌与产品体验的设计体系。
开源|腾讯开源企业级设计体系 TDesign
文章插图

  • 包容,是为了让 TDesign 兼容并蓄,既能满足当下需求,也能应用于更广泛场景;
  • 多元,是 TDesign 应当能够赋能不同业务,探索无限可能;
  • 进化,是 TDesign 应当成为一个动态的设计体系,在“以用户价值为依归”的基础上,成长进化;
  • 连接,是 TDesign 需要用最大的努力去连接赋能,联动融通。
有了目标和价值观,TDesign 也真正开始进入落地的阶段。
二、从协同到开源,TDesign 成长的历程在项目刚刚落地时,通过内部发起的贡献者招募,大批设计师和开发者带着原有业务组件的经验、成果和满腔的热血,在很短的时间内产出了大量的设计稿和组件,完成了项目的初始化建设。但因为对跨技术栈维护组件库的复杂度认识不够,各个框架中对同一组件的文档和 API 实现都有差异,用户使用组件库体验不一致的问题,一直困扰着 TDesign 团队。
为了解决协作的问题,TDesign 在进行第二期迭代时,通过一系列工具和工作流程来规范组件的开发过程,选择更加开源风格的异步 issue 讨论,开发了工具来自动生成各个框架的 API 定义和描述文档,引入 CI / CD 流程来降低人工参与的比率,从而减少因为人而犯错的可能。通过引入机器人的方式,来提升信息推送的效率,让每一个人都可以时刻知道什么事情是需要做的,什么事情是不需要做的。
借助于这些更加“开源”风格的工具和协作方式,TDesign 的效率得以提升,让 TDesign 在进行二期开发时,比预期更快地完成任务。