TDesign设计系统全方位解析

随着互联网的发展和技术的不断更新和迭代,互联网产品类别的周期越来越短,用户需求也在不断提高。对于生产、设计和研究团队来说,有必要进行高效和持续的设计创新。腾讯"腾讯设计云"的研发帮助企业完成高效协作,提高设计开发效率。腾讯设计云服务矩阵中最重要的是腾讯设计系统------TDesign

TDesign是什么?

腾讯内部近 300 名设计师与开发者共同打造,经由 500+ 项目使用和验证过的企业级设计体系,其中包含了大量的可复用资源,如全局样式、基础组件、布局、导航、输入以及数据展示等,可用来快速搭建各种桌面端的界面设计。

TDesign的特性

作为一个企业级的设计体系,TDesign希望提供丰富的设计资源、详细的设计指南、多样化的行业组件、高效的研发工具和统一的多技术栈API,让开发者和设计师快速进行创意设计。这离不开TDesign的三大特点:完整、一致、易用。

在传统的软件开发过程中,开发人员需要等待UI人员完全设计产品才能开发。然而,当中小企业面临设计人员短缺或产品需要快速迭代时,如何确保前端开发人员的研发效率?

对此,TDesign将腾讯多年的内部设计经验提炼为专业指南,内置一套通用解决方案,确保设计语言与视觉风格的一致性。并提供丰富可重用的设计组件资源,如色彩系统、文本系统、动态设计等。当专业设计师无法兼顾时,前端开发人员可以通过简单的代码操作快速完成设计研发,有效降低产品设计门槛。

TDesign控制使用指南

在实际工作过程中,当设计师参与项目设计时,即使使用设计系统,用户体验也不是很理想。例如,页面上会有太多的单一选择,通常开发人员更熟悉使用radiobutton,很容易出现类似的控件,导致用户体验急剧下降,甚至导致用户流失。

如上图所示,设计师们利用腾讯TDesign的设计原理在这里进行了创新,将页面的组件文档分为三个模块:示例、API和指南。在指南模块中,组件何时使用,如何与其他组件配合使用,推荐/谨慎使用示例和类似组件。该模块还允许开发人员独立设计体验良好的后台系统。

TDesign组件微创新创新

随着设计系统的变化和进步,网站的中后台界面设计非常成熟。市场上有许多完整的设计系统,解放了设计师和开发者的重复劳动,并将更多的精力投入到业务梳理中,以提高用户的互动体验。

与主流中后台组件相比,TDesign推出了组件微创新功能,如日期选择器创新:支持一个月的所有工作日或几周,如下图所示。

由此可见,腾讯TDesign的设计系统是通过对用户使用习惯的研究和验证,经过长期的磨合探索而诞生的智能设计系统。我们也期待TDesign不断打磨出更完善、更易用的组件库,包括更成熟的国际化和无障碍解决方案,为设计师带来创作灵感,帮助产品和用户。

相关推荐
崔庆才丨静觅6 小时前
hCaptcha 验证码图像识别 API 对接教程
前端
passerby60617 小时前
完成前端时间处理的另一块版图
前端·github·web components
掘了7 小时前
「2025 年终总结」在所有失去的人中,我最怀念我自己
前端·后端·年终总结
崔庆才丨静觅7 小时前
实用免费的 Short URL 短链接 API 对接说明
前端
崔庆才丨静觅7 小时前
5分钟快速搭建 AI 平台并用它赚钱!
前端
崔庆才丨静觅8 小时前
比官方便宜一半以上!Midjourney API 申请及使用
前端
Moment8 小时前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
崔庆才丨静觅8 小时前
刷屏全网的“nano-banana”API接入指南!0.1元/张量产高清创意图,开发者必藏
前端
剪刀石头布啊8 小时前
jwt介绍
前端
爱敲代码的小鱼8 小时前
AJAX(异步交互的技术来实现从服务端中获取数据):
前端·javascript·ajax