TDesign设计系统全方位解析

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

TDesign是什么?

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

TDesign的特性

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

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

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

TDesign控制使用指南

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

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

TDesign组件微创新创新

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

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

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

相关推荐
Highcharts.js1 小时前
Highcharts 云端渲染的真相:交互式图表与服务器端生成的边界
前端·信息可视化·服务器渲染·highcharts·图表渲染
zhuyan1082 小时前
Linux 系统磁盘爆满导致无法启动修复指南
前端·chrome
编程牛马姐2 小时前
独立站SEO流量增长:提高Google排名的优化方法
前端·javascript·网络
NotFound4863 小时前
实战指南如何实现Java Web 拦截机制:Filter 与 Interceptor 深度分享
java·开发语言·前端
Dontla3 小时前
高基数(High Cardinality)问题介绍(Prometheus、高基数字段、低基数字段)
前端·数据库·prometheus
whuhewei5 小时前
为什么客户端不存在跨域问题
前端·安全
妮妮喔妮5 小时前
supabase的webhook报错
开发语言·前端·javascript
yivifu6 小时前
手搓HTML双行夹批效果
前端·html·html双行夹注
奔跑的卡卡7 小时前
Web开发与AI融合-第一篇:Web开发与AI融合的时代序幕
前端·人工智能
IT_陈寒7 小时前
Redis批量删除的大坑,差点让我加班到天亮
前端·人工智能·后端