N 年沉淀,腾讯这套系统终于开源!
大家好,我是魚皮,前段時間給大家介紹了字節跳動開源的兩套設計系統,分別是 Arco Design 和抖音 Semi Design。
而就在幾天前,騰訊終于也開源了自家的設計系統 TDesgin !這次,終于能介紹自己公司的項目了。
如官方描述,TDesign 是一套擁有完整的 設計價值觀 和 視覺風格指南 的企業級設計體系,并且在此基礎上,提供了基于 Vue、React、小程序等業界主流技術棧的組件庫解決方案,主要用于構建設計統一、多端覆蓋、跨技術棧的企業級前端應用。
GitHub:https://github.com/Tencent/tdesign
TDesign 官網聽上去非常高大上,但其實用人話來描述就是:定了一套設計風格(字體大小、顏色、動效等),并提供了不同框架(Vue、React)、各終端(PC、移動端、小程序)的 組件庫 ,可以幫助開發者輕松完成風格一致的前端項目,尤其適合開發中后臺系統。
如果你是一名前端開發者,進入 TDesign 官方文檔,按照快速開始引入 TDesign 就能直接使用組件庫了:
每個組件除了示例代碼、效果演示和 API 介紹外,還包含使用指南,幫助你正確高效地使用組件:
此外,TDesign 還提供了開箱即用的腳手架 TDesign Starter,只需輸入幾行命令,就能快速搭建出一個多端適配的中后臺管理系統,效果如下圖:
如果你之前使用過螞蟻金服的 Ant Design 的話,會發現其實 TDesign 與它的模式幾乎是一致的,畢竟 Ant Design 做的真心不錯,有很多值得參考的地方。
但 TDesign 的誕生可不是照搬 Ant Design 那么簡單。它是由整個騰訊各大 BG 的同學內部共建而成,整合了過去騰訊各種設計體系和組件庫的優點,經過了 5000 多次代碼提交,才終于推出了一套有騰訊產品風格的設計體系。比如下圖的 Tencent Blue 藍色調,相信你在騰訊的很多產品(騰訊官網、騰訊文檔、騰訊會議等)都見到過:
總之,對開發者來說,多一個組件庫的選擇不是壞事;而多一個大廠的開源項目,也就給我們多了一份學習的空間。
期待 TDesign 的后續發展,也希望更多的大廠團隊和開發者能擁抱開源,讓國內的技術生態越來越好。
總結
以上是生活随笔為你收集整理的N 年沉淀,腾讯这套系统终于开源!的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 在 .NET Core 中如何让 Ent
- 下一篇: iNeuOS工业互联网操作系统,矿山动态