组件类型 纯图标 图标加文字横向 图标加文字竖向 纯文字 组件尺寸 加载速度 全屏加载 挂载到指定元素 函数方式调用
根据布局的不同使用不同的栅格布局,在 TDesign 中包含以下 3 种布局栅格: 无侧边栏布局栅格 内容区域占据页面全部宽度。 定宽侧边栏布局栅格-展开 侧边栏宽度在一组断点范围内固定,剩余空间分配给内容区域。在 TDesign 中默认展开侧边栏宽度为 232px。 定宽侧边栏布局栅格-收起 在TDesign 中默认收起侧边栏宽度为...
在近期读论文的时候遇到了BIBD和t-design,但是网上没找到很好的中文资料,Wikipedia也没有对应的中文版本。在此之前我对这个东西完全不了解,所以这个笔记只是我自己看了wikipedia的Block Design词条以及bilibili视频“统计学与质量086 - DOE实验设计(5) 平衡不完全区组设计”写的一些自己的理解,有错误欢迎指出。 BIBD ...
12月23日,腾讯宣布企业级设计体系 TDesign 正式开源。 作为一款诞生于腾讯内部开源、经过超500项内部业务检验的企业级设计体系,TDesign 汇集了腾讯众多优秀组件库能力和设计研发经验。 目前,TDesign已经支持 Vue2、Vue Next、React 等业界主流技术栈,方便使用者快速开发桌面端、移动端以及小程序等多个版本的应用程序,...
TDesign 使用 style/ 目录来显式引入对应 Button 组件的 Less/CSS 实现,以实现用户使用 npm 包时可以按需引入组件样式,通过构建工具 tree shanking 掉未引入的组件样式,减小业务包体积。 2.2 构建产物目录 TDesign 各个技术栈 npm 包都遵循如下目录结构规范,以便让用户根据自己的需求引入不同产物: ...
TDesign具有统一的价值观,一致的设计语言和视觉风格,帮助用户形成连续、统一的体验认知。在此基础上,TDesign 提供了开箱即用的 UI 组件库、设计指南 和相关 设计资产,以优雅高效的方式将设计和研发从重复劳动中解放出来,同时方便大家在 TDesign 的基础上扩展,更好的的贴近业务需求。
外部设计师的加入,丰富了 TDesign 的设计组件,让设计师、产品经理、研发能够有更多的开源素材去使用,这其实就是最大的收获。 ———分割线——— 除了腾讯 TDesign 的设计师,我们也有幸邀请了三位 Axure 组件的共建设计师参与访谈,让我们一起听听他们对于项目的看法。 访谈嘉宾: Ares:店匠...
TDesign组件微创新创新 随着设计系统的变化和进步，网站的中后台界面设计非常成熟。市场上有许多完整的设计系统，解放了设计师和开发者的重复劳动，并将更多的精力投入到业务梳理中，以提高用户的互动体验。与主流中后台组件相比，TDesign推出了组件微创新功能，如日期选择器创新：支持一个月的所有工作日或几周，如下图...
近日,腾讯设计云与MasterGo达成国产设计软件共创合作,双方将在设计体系建设、产设研协同等国内产设研团队最为关心的核心领域展开深度合作,旨在进一步拓宽设计工具的边界,为大家带来高效协作的全新体验。 本次合作,腾讯设计云将会为MasterGo用户提供腾讯官方开源设计体系 - TDesign和 CoDesign for MasterGo插件,从设计到交...
Tdesign 响应式 响应式方案,响应式布局指的是同一个页面在不同大小屏幕下有不同的布局。响应式与自适应的区别:响应式开发一套界面,通过检测视口分辨率,针对不同客户端在客户端做代码处理,来展现不同的布局和内容;自适应需要开发多套界面,通过检测视口分辨率,判断当