TDesign设计系统全方位解析

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

TDesign是什么?

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

TDesign的特性

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

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

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

TDesign控制使用指南

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

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

TDesign组件微创新创新

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

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

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

相关推荐
陈随易1 小时前
副业搞钱点子之收入查看器
前端·后端
Profile排查笔记1 小时前
浏览器指纹逆向怎么分析:从网络请求追踪到 JavaScript 采集链
前端·人工智能·后端·自动化
hudie7651 小时前
LikeShop 二开最常改的 5 个文件(附改前改后对比)
前端·uni-app·php·个人开发
qetfw2 小时前
Bash 函数与流程控制:read、if、for、case 验证
linux·前端·javascript·bash
鬼手点金2 小时前
从 API 消息到模型 Token:Chat Template
java·前端·javascript·数据库·人工智能·深度学习·1024程序员节
Shadow(⊙o⊙)3 小时前
LangChain 自定义工具全解析:从 @tool 到 bind_tools 的完整调用链路
java·服务器·前端·1024程序员节
小poop3 小时前
HTML 基础入门:从结构到常用标签详解
前端
jiangliushi63 小时前
GPT-6.1 Sol 免费用:PowerShell 装 Codex 报“禁止运行脚本 npm.ps1”?一条命令解决
前端·gpt·npm
计算机魔术师3 小时前
日均500万亿词元,国内推理速度翻倍却仍落后国外——差距卡在哪
前端
excel3 小时前
用 Node.js 搭建一套可持续获客的 SEO 内容系统:前端工程师 30 天实战方案
前端·后端