TDesign:腾讯企业级设计体系的UI组件库详解

随着时代的快速发展,产品规模不断扩大,传统的研发模式已不能满足市场需求。如何在设计和研发工作中实现高效的协调已成为一个大问题。腾讯企业级设计系统TDesign大量开源,为产品体验设计提供了新的解决方案!

TDesign是一套完整的企业级设计体系,是腾讯多年来设计项目成果的提炼总结,汇集了众多优秀的组件库和设计研发经验。它基于Vue/React/小程序等技术栈的组件库解决方案。Tdesign在构建统一设计/跨端多技术栈的前端应用时更具优势。

除了提供开箱即用的前端开发UI组件库外,还配备了设计指南和设计资源,帮助R&D团队专注于业务,从重复劳动中解放设计和R&D,大大提高工作效率。

如何体验 TDesign

你甚至不必去腾讯的官方网站,直接打开高效的协作设计平台即时设计,你可以快速体验。即时设计内置了腾讯tdesign设计系统,可以直接在编辑页面上使用,无需下载或保存,非常方便,内置的tdesign设计资源可以直接拖动使用。

TDesign移动端组件icon-default.png?t=N7T8https://js.design/community?category=detail&type=resource&id=625d5a8f26cd2b5d861b9ab7&source=csdn&plan=btt510

TDesign 的起源

过去,腾讯有许多设计系统和组件库类型的项目,围绕产品进行“分散”的快速迭代。各自的组件库产品由不同的团队和开发人员维护,内部重复工作,造成人力资源浪费,不同的设计系统带来了产品设计的不一致性。

2019 年,腾讯成立了开源协作委员会,通过内部开源协作,组织不同团队共同建设类似技术产品。通过开源协作,解决了过去内部团队维护设计体系和各设计体系质量不均衡的问题。

TDesign 的发展

TDesign在创建之初就坚持开源合作的原则,包括合作方案讨论、组件设计和API 制定过程在公司内部完全开放,引起了内部开发和设计师的广泛关注。

无论什么身份,TDesign都遵循平等、开放、严格的原则。在很短的时间内,产生了大量的设计草案和组件,完成了项目的初始化建设。并不断改进,最终构建了今天的TDesign。

为什么开源

对TDesign来说,开源是一个新的起点。通过开源,TDesign期望不断打磨出更完善、更易用的组件库,获得丰富的生态。

在社区的帮助下,我们希望继续与更多的产品设计和开发者沟通,成为更有价值的产品。从而更好地为设计师和开发者服务,帮助企业提高设计研发效率,为产品体验设计带来新的理念。

TDesign 产品特性

完整

TDesign 为开发者提供了多种主流开发技术栈的支持。支持了Vue 2、Vue 3、React和移动端Vue 3、微信小程序的开发,其他技术栈如 Augular、Flutter 正在开发中。

提供色彩系统、文字系统、动态设计、图标元素、布局结构等丰富多样的设计资源,涵盖支持 Figma、Adobe XD、Sketch 等待主要设计软件,将设计师和开发人员从重复劳动中释放出来。

TDesign还支持在新一代在线合作设计工具的即时设计中使用。即时设计作为一种高效的协作软件,可以帮助多人实时协作,使设计合作不受时间和空间的限制。团队可以创建共享组件和颜色/文本样式库,建立团队资源库,帮助迭代设计版本,建立产品设计规范,设计资源管理库中的组件和样式可以重用、修改和更新。

一致

TDesign具有统一的设计规范和视觉风格,帮助产品在跨端设计和开发过程中保持一致的产品使用体验。通过一系列的协作流程和辅助工具,确保各技术栈产品的API定义和实现一致,在构建统一/多端覆盖/跨技术栈的前端应用方面具有更大的优势。

易用

在形成和开发过程中,TDsign设计系统提炼了不同业务和场景的设计经验,提供了通用完善的设计指南,以降低使用门槛,并通过Design支持用户 Token扩展了设计风格。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/12493.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

(10)降落伞(一)

文章目录 前言 1 你将需要什么 2 连接到自动驾驶仪

JVM运行时内存整体结构一览

文章目录 Java 虚拟机 (JVM) 运行时内存由程序计时器, 堆, 方法区, 本地方法栈, 虚拟机栈,构成 Java 虚拟机 (JVM) 运行时内存布局主要包括以下几个部分: 程序计数器 (Program Counter Register): 每个线程都有一个程序计数器,它是当前线程执行的字节码…

voceChat - 支持独立部署的个人云社交媒体聊天服务(使用场景及体验分享)

序言 在工作室的发展中,我们急需一个更加简单便捷,高效,适用于团队内部交流的组织平台。起因是我们团队一直是直接使用QQ进行活动,发现QQ很多功能不是很方便并且过于臃肿,越来越不契合工作室的生产环境,于…

风电功率预测 | 基于RBF径向基神经网络的风电功率预测(附matlab完整源码)

风电功率预测 风电功率预测完整代码风电功率预测 基于RBF(径向基函数)神经网络的风电功率预测是一种常见的方法。RBF神经网络是一种前馈神经网络,其隐藏层使用径向基函数作为激活函数。 下面是一个基于RBF神经网络的风电功率预测的一般步骤: 数据收集:收集包括风速、风向…

如何在 Windows 11/10 中恢复已删除的分区

在将重要数据存储在计算机上之前,许多用户会创建分区以更好地组织和管理他们的文件。此分区可以在内部硬盘驱动器或外部存储设备上创建。但是,有时可能会意外删除分区。如果发生这种情况,您可能想知道是否可以在不丢失任何信息的情况下恢复已…

[Python图像处理] 换脸(face swapping)操作实践

换脸操作实践 换脸 (face swapping)换脸操作实现相关链接 换脸 (face swapping) 换脸是指照片中的人脸自动替换:将一个人脸的某些部分与另一个人脸的其他部分相结合以形成新的面部图像。它可以被视为另一种类型的面部融合技术。在本节中,我们将使用面部…

Flutter 中的 ListTile 小部件:全面指南

Flutter 中的 ListTile 小部件:全面指南 在Flutter中,ListTile是一个用于快速创建列表项的组件,它通常用于ListView中,以展示包含文本、图标、开关、滑块等元素的行。ListTile不仅使得界面看起来美观,而且提供了一种简…

【计网】TCP中的滑动窗口

🍎个人博客:个人主页 🏆个人专栏:日常聊聊 ⛳️ 功不唐捐,玉汝于成 目录 正文 工作原理如下: 结语 我的其他博客 正文 TCP(传输控制协议)中的滑动窗口是一种用于流量控制和拥…

数学建模——线性回归模型

目录 1.线性回归模型的具体步骤和要点: 1.收集数据: 2.探索性数据分析: 3.选择模型: 4.拟合模型: 5.评估模型: 1.R平方(R-squared): 2.调整R平方(Ad…

【教程向】从零开始创建浏览器插件(四)探索Chrome扩展的更多常用API

探索Chrome扩展的更多常用API 在Chrome扩展开发中,除了最基础的API外,Chrome还提供了一系列强大的API,允许开发者与浏览器的各种功能进行交互。本文将介绍其中几个常用的API,并提供详细的示例代码帮助您开始利用这些API。 书签…

JavaScript进阶——05-迭代器和生成器【万字长文,感谢支持】

迭代器 概念 迭代器(Iterator)是 JavaScript 中一种特殊的对象,它提供了一种统一的、通用的方式遍历个各种不同类型的数据结构。可以遍历的数据结构包括:数组、字符串、Set、Map 等可迭代对象。我们也可以自定义实现迭代器&…

【class8】人工智能初步(图像识别-----卷积神经网络)

上节回顾 上节课,我们简单了解了图像识别和深度学习的相关知识。 快速回顾一下吧~ A图像识别是以图像的主要特征为基础的。B. 图像分辨率决定图像的质量。 C. 像素是图像中的最小单位D. 在图像识别的原理上,计算机和人类在本质…

35. 搜索插入位置 - 力扣(LeetCode)

基础知识要求: Java:方法、while循环、if else语句、数组 Python: 方法、while循环、if else语句、列表 题目: 给定一个排序数组和一个目标值,在数组中找到目标值,并返回其索引。如果目标值不存在于数组中…

面试加分项:精通Java高并发下的锁优化策略

1. 问题背景与挑战 1.1 并发编程中的挑战 在现代软件开发中,高并发已成为衡量系统质量的一项关键因素,特别是对于那些需要同时处理数以万计甚至百万级用户请求的服务。并发编程的挑战在于如何有效地同步多个线程,确保数据的一致性和系统的稳…

3ds Max与Maya不同之处?两者哪个更适合云渲染?

3ds Max 和 Maya 都是知名的3D软件,各有其特色。3ds Max 以直观的建模和丰富的插件生态闻名;Maya 则在动画和角色创作方面更为出色。两者都支持云渲染技术,能帮助用户在云端高效完成项目。 一、3ds Max和Maya之间的主要区别: 3ds…

短视频的拍摄方式有哪些:四川京之华锦信息技术公司

创意与技术并存的艺术之旅 在数字媒体高速发展的今天,短视频已经成为人们获取信息、表达情感、展示才艺的重要窗口。从社交平台到新闻资讯,再到教育娱乐,短视频无处不在,其独特的魅力和广泛的传播力让人们对它的拍摄方式产生了浓…

全像宇宙投影第三部时间与空间(全文)下载

当这个人向空中凝视时,他所在的房间渐渐变得透明而朦胧,空中渐渐浮现一个久远前景像。突然他觉得自己在皇宫中庭内,他面前站著一位年轻女士非常美丽,有著橄榄色的皮肤。他可以见到她的颈项、手腕、脚踝上都挂著金饰,还…

df 中的 NoneType、空和 None

哈喽,大家好,我是木头左! 目录 简介什么是 NoneType?什么是空(Empty)?什么是 None?Python 中如何判断 NoneType?Pandas DataFrame 中的 NoneType、空和 None实操&#x…

RabbitMQ 面试题(五)

1. RabbitMQ如何保证消息的有序性? RabbitMQ本身并不直接保证消息的有序性,因为它是一个设计用于并发处理消息的消息中间件。然而,可以通过一些特定的配置和策略来尽量确保消息的有序性。以下是一些建议的方法: 单队列与单消费者…

django-oscar安装配置

1、创建python 虚拟环境 python3 -m venv oscar-env —创建虚拟环境 source oscar-env/bin/activate —激活环境 2、创建一个oscar文件目录 mkdir oscar; 3、生成一个商店站点 django-admin startproject ruihong; 4、完成django 配置 https://django-osca…