【24小时创业】2022年8月18日
06-17
TDesign是腾讯内部著名设计师和开发人员共同打造的企业级设计系统。它经过+项目的使用、验证和锤炼，秉承包容、多样性、进化和连接的价值观。
，TDesign希望与用户、行业、合作伙伴共同打造有竞争力的产品体验。从设计开始，TDesign提供了完整的设计语言、视觉风格指南和设计资源，以及基于Vue2、Vue3、React等行业主流技术栈的组件（Vue3、React仍处于Alpha版本迭代），帮助开发者快速开发桌面、移动、小程序等多版本应用。
如果您对TDesign感兴趣，可以打开TDesign官网，体验TDesign。如果你对TDesgin的诞生历史感兴趣，不妨看一下TDesign诞生背后的故事。
1、腾讯开源协作，TDesign成长的土壤。 2018年初以来，腾讯内部正式宣布实施开源协作，鼓励所有源代码向公司开放，共同协作。
正是这种开源协作的背景，让腾讯设计师和开发者思考：“是否可以通过开源协作来解决过去腾讯内部团队各自维护设计系统、各个设计系统质量参差不齐的问题？” ？ 问题”。为此，腾讯内部成立了开源协作团队，共同思考和研究这个问题。
今年2月，通过多次远程会议，确定了TDesign的产品目标和技术路线，全体员工参与并共同投票，选定了TDesign的名字。但TDesign应该是什么样的设计系统呢？设计师找到了答案：TDesign应该是一个拥抱包容、多样性、进化、连接等价值观的设计系统，希望为用户、行业、合作伙伴打造有竞争力的品牌和产品体验。
包容，是指TDesign应该具有包容性，使其不仅能够满足当前的需求，而且能够应用于更广泛的场景；多样性意味着TDesign应该能够赋能不同的业务，探索无限的可能性；进化意味着TDesign应该成为一个动态的设计系统。以“以用户价值为基础”，成长、进化；连接意味着TDesign需要尽最大努力去连接、赋能、融合。
有了目标和价值观，TDesign才真正开始进入实施阶段。2、从协作到开源，TDesign的成长过程。
项目刚上线时，通过内部招募贡献者，大量的设计师和开发人员带来了原有业务组件的经验、成果和热情，并在很短的时间内产生了大量的设计稿和组件。短时间内，项目初步建设完成。
但由于对跨技术栈维护组件库的复杂性认识不足，导致同一组件在各个框架中的文档和 API 实现都不同，组件库使用体验不一致的问题一直困扰着 TDesign 团队。为了解决协作问题，TDesign在第二次迭代时使用了一系列工具和工作流程来规范组件的开发流程。
它选择了更加开源风格的异步问题讨论，并开发了工具来自动为每个框架生成API定义和API。描述文档并引入CI/CD流程，以减少人工参与率，从而减少人为错误的可能性。
通过引入机器人，提高了信息推送的效率，让每个人都能时刻知道什么是需要做的，什么是不需要做的。借助这些更加“开源”风格的工具和协作方式，TDesign的效率得到了提升，让TDesign在第二阶段的开发中比预期更快地完成了任务。
借助异步、集中的讨论方式，可以对问题进行更深入的讨论和思考，更容易得出预期的结论。开发时可以更高的效率完成组件封装和代码编写。
正是这种更加开源的方法最终催生了今天的 TDesign。 3、从设计到研发，TDesign有哪些特点？作为企业级设计系统，TDesign的特点可以概括为以下三点： 1、完整：完整的技术和设计资源，将设计人员和开发人员从重复性工作中解放出来。
TDesign为开发者提供了多种主流开发技术栈支持：TDesign已经支持Vue2、Vue3、React以及移动小程序的开发。 Angular、Flutter 等其他技术栈也正在由相应的贡献团队进行开发。
为了实现开发与设计的高效协同，TDesign包含丰富的可复用设计组件资源，如色彩系统、文本系统、动效设计、图标元素、布局结构等，涵盖对Axure、Sketch、Figma、各大产品的支持Adobe Xd 等设计软件将设计师和开发人员从重复性工作中解放出来。除了常规设计资源外，TDesign还提供Sketch设计插件等辅助设计工具，也支持使用腾讯CoDesign、Instant Design、Pixso、Mok等市场常用设计工具中的TDesign设计素材刀。
2、一致：一致的设计和开发经验TDesign将腾讯内部多年的设计经验提炼总结成专业的设计指南。其提供的通用设计解决方案可以帮助产品经理、设计师、开发人员等角色高效完成企业级任务。
产品设计和开发，并保持一致的设计语言和风格，以满足用户体验要求。基于TDesign的设计系统规范，TDesign推出了桌面版和移动版的组件库，提供多种技术栈实现版本。
通过一系列的协作流程和辅助工具，保证了各技术栈组件的API和实现产品的一致性。有了这些能力，即使项目采用多种不同的技术架构或技术栈，开发者也可以通过TDesign通用设计组件库进行开发，大幅降低学习成本，构建统一/多终端覆盖/跨技术栈前端——结尾。
应用时更具有优势。 3. 易于使用：清晰的设计指南和开箱即用的解决方案。
TDesign设计体系在形成过程中，提炼了不同业务、不同场景的设计体验，提供通用的设计指南，降低使用门槛。针对不同企业产品的品牌定制需求，TDesign支持用户扩展设计风格。
目前，设计风格已被整理归纳为Design Token，在企业内部形成一套语义设计规范，方便后续统一管理和使用扩展。 。
在主题配置方面，TDesign提供了浅色和深色两种模式，支持一键切换，提高用户体验。未来，TDesign还将针对不同垂直领域推出行业组件，覆盖更多业务范围。
产品团队可以利用内置的行业主题快速配置相应的需求并开始业务开发。 TDesign同时推出了开箱即用的中后端框架TDesign Starter Kit。
开发者可以利用它快速体验组件功能，或者修改为基础项目脚手架项目，快速实现从0到1的产品开发和上线。 4、从过去到未来，TDesign还会做什么？通过开源，TDesign期待继续打造更加完整、易用的组件库，包括在国际化、可访问性、时效性等方面更加成熟的解决方案，帮助更多的产品和用户。
在社区的帮助下，TDesign期待与更多的产品设计师和开发人员进行专业交流，甚至获得活跃的TDesign社区。我们期待您对TDesign的持续关注和反馈。
更欢迎您加入TDesign的开源共建，与TDesign一起从开源走向成熟。 5.如何体验TDesign？您有两种方式使用或体验TDesign：访问TDesign官网：TDesign的GitHub主页：TDesign近期同学的支持，他们在TDesign从0到1的过程中贡献了宝贵的经验、代码、组件、文档、建议等所有的努力使 TDesign 能够起步并为用户服务；得益于腾讯内部的开源协作文化和技术委员会机制，让TDesign能够在公司内部得到孵化和培育，让TDesign凝聚满腔热情；感谢开源先驱们，为TDesign的发展提供了理论和实践的参考以及各种开源工具的帮助；感谢InfoQ、CSDN、开源中国、51CTO、人人都是产品经理、优舍网等平台，以及前端置顶、前端早读自媒体课程、前端百科、Web前端前端开发、前端新世界、前端大学、龙爪守望者让TDesign被更多人认识。
感谢 TDesign 的所有用户和维护者。您是TDesign的灯塔，指引TDesign的方向。
TDesign将与大家共同成长。
版权声明：本文内容由互联网用户自发贡献，本站不拥有所有权，不承担相关法律责任。如果发现本站有涉嫌抄袭的内容，欢迎发送邮件 举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。
标签：
相关文章
06-17
06-17
06-17
06-18
06-18
06-06
06-18
06-18
最新文章
【玩转GPU】ControlNet初学者生存指南
【实战】获取小程序中用户的城市信息（附源码）
包雪雪简单介绍Vue.js：开学
Go进阶：使用Gin框架简单实现服务端渲染
线程池介绍及实际案例分享
JMeter 注释 18 - JMeter 常用配置组件介绍
基于Sentry的大数据权限解决方案
【云+社区年度征文集】GPE监控介绍及使用