关于开源:腾讯开源企业级设计体系-TDesign

75次阅读

共计 3008 个字符,预计需要花费 8 分钟才能阅读完成。

本文约 3200 字
预计浏览工夫:8 分钟

TDesign 是来自腾讯外部近 300 名设计师与开发者独特打造,经由 500+ 我的项目应用、验证和锻炼过的企业级设计体系,秉承容纳、多元、进化、连贯的价值观,TDesign 冀望与用户、行业及合作伙伴等一起打造具备竞争力的产品体验。

从设计登程,TDesign 提供了残缺的设计语言、视觉格调指南和设计资源,以及基于 Vue2、Vue3、React(Vue3、React 目前仍在 Alpha 版本迭代中)等业界支流技术栈的组件,帮忙开发者能够疾速开发桌面端、挪动端和小程序端等多个版本的应用程序。

如果你对于 TDesign 感兴趣,能够关上 TDesign 官网,体验 TDesign。如果你对 TDesgin 诞生的历史感兴趣,无妨来看看 TDesign 诞生背地的故事。

PART ONE
腾讯开源协同
TDesign 成长的土壤

自 2019 年开始,腾讯正式发表在外部推广开源协同,激励所有源代码对公司外部全副凋谢,独特合作。

也正是这样的开源协同的背景,使得腾讯的设计师和开发者们思考到:“有没有可能通过开源协同,解决过来腾讯外部团队别离保护设计体系,各设计体系之间品质参差不齐的问题”。出于这样的目标,在腾讯外部建设起了开源协同团队,来独特思考和钻研这个问题,在 2020 年 2 月份,通过屡次近程会议,确定了 TDesign 的产品指标和技术路线,并在全员的参加下独特投票选出 TDesign 的名字。

但 TDesign 应该是什么样的设计体系?
设计师们找到了答案:TDesign 该当是一个领有容纳、多元、进化、连贯的价值观,冀望为用户、行业及合作伙伴等打造具竞争力的品牌与产品体验的设计体系。

容纳,是为了让 TDesign 兼容并蓄,既能满足当下需要,也能利用于更宽泛场景;

多元,是 TDesign 该当可能赋能不同业务,摸索有限可能;

进化,是 TDesign 该当成为一个动静的设计体系,在“以用户价值为依归”的根底上,成长进化;

连贯,是 TDesign 须要用最大的致力去连贯赋能,联动融通。

有了指标和价值观,TDesign 也真正开始进入落地的阶段。

PART TWO
从协同到开源
TDesign 成长的历程

在我的项目刚刚落地时,通过外部发动的贡献者招募,少量设计师和开发者带着原有业务组件的教训、成绩和满腔的热血,在很短的工夫内产出了大量的设计稿和组件,实现了我的项目的初始化建设。但因为对跨技术栈保护组件库的复杂度意识不够,各个框架中对同一组件的文档和 API 实现都有差别,用户应用组件库体验不统一的问题,始终困扰着 TDesign 团队。为了解决合作的问题,TDesign 在进行第二期迭代时,通过一系列工具和工作流程来标准组件的开发过程,抉择更加开源格调的异步 issue 探讨,开发了工具来主动生成各个框架的 API 定义和形容文档,引入 CI / CD 流程来升高人工参加的比率,从而缩小因为人而犯错的可能。通过引入机器人的形式,来晋升信息推送的效率,让每一个人都能够时刻晓得什么事件是须要做的,什么事件是不须要做的。借助于这些更加“开源”格调的工具和合作形式,TDesign 的效率得以晋升,让 TDesign 在进行二期开发时,比预期更快地实现工作。

借助于异步和聚焦的探讨形式,问题能够被更加粗浅地探讨和思考,从而更容易得出一个合乎预期的论断,在开发时可能以更高的效率实现组件的封装和代码的编写。也正是这样更加开源的形式,最终构建出了现在的 TDesign。

PART THREE
从设计到研发
TDesign 的个性有哪些?

作为一款企业级设计体系,TDesign 的个性能够总结为如下三点:

1、残缺:残缺的技术、设计资源,将设计与开发者从重复劳动中释放出来

TDesign 为开发者提供了多种支流开发技术栈的反对:TDesign 曾经反对了 Vue2、Vue3、React 和挪动端小程序的开发,其余技术栈如 Angular、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 Starter Kit:
    https://tdesign.tencent.com/s…

PART FOUR
从过来到将来
TDesign 还将做些什么?

通过开源,TDesign 期待继续打磨出更加欠缺易用的组件库,包含在国际化、无障碍和适老化方面有更成熟的解决方案,对更多的产品和使用者有帮忙。
借助社区,TDesign 期待与更多产品设计师和开发者有业余交换,甚至是播种一个踊跃沉闷的 TDesign 社区。

十分期待你对 TDesign 的继续关注和反馈意见。更欢送同道中人的你参加 TDesign 的开源共建,与 TDesign 从开源到更加成熟的旅程中一起提高。

PART FIVE
如何体验 TDesign?

您有三种形式应用或体验 TDesign:
1、拜访官网 https://tdesign.tencent.com
2、拜访 GitHub 主页
https://github.com/Tencent/td…
3、通过 CoDesign 预览 TDesign 组件款式

腾源会(WeOpen)是腾讯云成立的汇聚开源我的项目、开源爱好者、开源领导者的凋谢社区,致力于帮忙开源我的项目健康成长、开源爱好者能交换帮助、开源领导者能施展首领价值,让寰球开源生态变得更加凋敝。

正文完
 0