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


开源|腾讯开源企业级设计体系 TDesign
文章插图
借助于异步和聚焦的讨论方式,问题可以被更加深刻地讨论和思考,从而更容易得出一个符合预期的结论,在开发时能够以更高的效率完成组件的封装和代码的编写。也正是这样更加开源的方式,最终构建出了如今的 TDesign。
开源|腾讯开源企业级设计体系 TDesign
文章插图
三、从设计到研发,TDesign 的特性有哪些?作为一款企业级设计体系,TDesign 的特性可以总结为如下三点。
1. 完整:完整的技术、设计资源,将设计与开发者从重复劳动中释放出来TDesign 为开发者提供了多种主流开发技术栈的支持:TDesign 已经支持了 Vue2、Vue3、React 和移动端小程序的开发,其他技术栈如 Augular、Flutter 也有相应贡献团队正在开发。
开源|腾讯开源企业级设计体系 TDesign
文章插图
为了实现开发与设计之间的高效协同,TDesign 中包含了丰富可复用的设计组件资源,如色彩体系、文字系统、动效设计、图标元素、布局结构等,覆盖支持 Axure、Sketch、Figma、Adobe Xd 等各大产品设计软件,将设计和开发者从重复劳动中释放出来。
除了常规设计资源,TDesign 还提供了辅助设计工具如 Sketch 设计插件,也支持在腾讯 CoDesign、即时设计、Pixso、墨刀等市面常用设计工具中使用 TDesign 设计物料。
开源|腾讯开源企业级设计体系 TDesign
文章插图
2. 一致:一致的设计和开发体验TDesign 将腾讯内部多年设计经验提炼总结为专业的设计指南,其所提供的通用设计解决方案,能够帮助产品经理、设计师、开发者等角色高效完成企业级产品的设计和研发,并保持设计语言和风格的一致,满足用户体验的要求。
基于 TDesign 的设计体系规范,TDesign 同时上线了组件库的桌面端和移动端,提供了多个技术栈实现版本。通过一系列协作流程和辅助工具,保证各技术栈组件 API 和实现产物一致。借助这些能力,使得项目即便使用了多种不同的技术架构或技术栈,开发者也可通过 TDesign 通用设计组件库进行开发,显著降低学习成本,在构建统一/多端覆盖/跨技术栈的前端应用时更具优势。
开源|腾讯开源企业级设计体系 TDesign
文章插图
3. 易用:清晰的设计指南和开箱即用的解决方案TDesign 设计体系在形成过程中,提炼了不同业务、场景的设计经验,提供了通用的设计指南以降低使用门槛。对于不同企业产品的品牌定制需求,TDesign 支持使用者对设计风格进行扩展,目前已经将设计样式梳理归纳为 Design Token,形成一套企业内部的语义化设计规范,方便后续进行统一的管理和使用扩展。
开源|腾讯开源企业级设计体系 TDesign
文章插图
在主题配置方面,TDesign 提供了明亮和暗色两种模式,支持一键切换,提升用户的使用体验。后续,TDesign 还会推出针对于不同垂直领域的行业组件,覆盖更多的业务范围。产品团队可以借助内置的行业主题,快速配置对应需求,启动业务开发。
开源|腾讯开源企业级设计体系 TDesign
文章插图
TDesign 同步上线了一款开箱即用的中后台框架 TDesign Starter Kit,开发者可以通过它快速体验组件功能,也可以将它修改为项目基础脚手架工程,快速实现从 0 到 1 的产品开发上线。
四、从过去到未来,TDesign 还将做些什么?通过开源,TDesign 期待持续打磨出更加完善易用的组件库,包括在国际化、无障碍和适老化方面有更成熟的解决方案,对更多的产品和使用者有帮助。