隨著互聯(lián)網(wǎng)的發(fā)展和技術(shù)的不斷更新和迭代，互聯(lián)網(wǎng)產(chǎn)品類別的周期越來越短，用戶需求也在不斷提高。對于生產(chǎn)、設(shè)計和研究團隊來說，有必要進行高效和持續(xù)的設(shè)計創(chuàng)新。騰訊“騰訊設(shè)計云”的研發(fā)幫助企業(yè)完成高效協(xié)作，提高設(shè)計開發(fā)效率。騰訊設(shè)計云服務(wù)矩陣中最重要的是騰訊設(shè)計系統(tǒng)——TDesign。

TDesign是什么？

騰訊內(nèi)部近 300 名設(shè)計師與開發(fā)者共同打造，經(jīng)由 500+ 項目使用和驗證過的企業(yè)級設(shè)計體系，其中包含了大量的可復(fù)用資源，如全局樣式、基礎(chǔ)組件、布局、導(dǎo)航、輸入以及數(shù)據(jù)展示等，可用來快速搭建各種桌面端的界面設(shè)計。

https://js.design/community?category=detail&type=resource&id=625d594eba0a72e19014f0fb&source=bz&plan=ysbz10261

TDesign的特性

作為一個企業(yè)級的設(shè)計體系，TDesign希望提供豐富的設(shè)計資源、詳細的設(shè)計指南、多樣化的行業(yè)組件、高效的研發(fā)工具和統(tǒng)一的多技術(shù)棧API，讓開發(fā)者和設(shè)計師快速進行創(chuàng)意設(shè)計。這離不開TDesign的三大特點:完整、一致、易用。

在傳統(tǒng)的軟件開發(fā)過程中，開發(fā)人員需要等待UI人員完全設(shè)計產(chǎn)品才能開發(fā)。然而，當(dāng)中小企業(yè)面臨設(shè)計人員短缺或產(chǎn)品需要快速迭代時，如何確保前端開發(fā)人員的研發(fā)效率？

對此，TDesign將騰訊多年的內(nèi)部設(shè)計經(jīng)驗提煉為專業(yè)指南，內(nèi)置一套通用解決方案，確保設(shè)計語言與視覺風(fēng)格的一致性。并提供豐富可重用的設(shè)計組件資源，如色彩系統(tǒng)、文本系統(tǒng)、動態(tài)設(shè)計等。當(dāng)專業(yè)設(shè)計師無法兼顧時，前端開發(fā)人員可以通過簡單的代碼操作快速完成設(shè)計研發(fā)，有效降低產(chǎn)品設(shè)計門檻。

https://js.design/community?category=detail&type=resource&id=625d594eba0a72e19014f0fb&source=bz&plan=ysbz10261

TDesign控制使用指南

在實際工作過程中，當(dāng)設(shè)計師參與項目設(shè)計時，即使使用設(shè)計系統(tǒng)，用戶體驗也不是很理想。例如，頁面上會有太多的單一選擇，通常開發(fā)人員更熟悉使用radiobutton，很容易出現(xiàn)類似的控件，導(dǎo)致用戶體驗急劇下降，甚至導(dǎo)致用戶流失。

如上圖所示，設(shè)計師們利用騰訊TDesign的設(shè)計原理在這里進行了創(chuàng)新，將頁面的組件文檔分為三個模塊:示例、API和指南。在指南模塊中，組件何時使用，如何與其他組件配合使用，推薦/謹慎使用示例和類似組件。該模塊還允許開發(fā)人員獨立設(shè)計體驗良好的后臺系統(tǒng)。

TDesign組件微創(chuàng)新創(chuàng)新

隨著設(shè)計系統(tǒng)的變化和進步，網(wǎng)站的中后臺界面設(shè)計非常成熟。市場上有許多完整的設(shè)計系統(tǒng)，解放了設(shè)計師和開發(fā)者的重復(fù)勞動，并將更多的精力投入到業(yè)務(wù)梳理中，以提高用戶的互動體驗。

與主流中后臺組件相比，TDesign推出了組件微創(chuàng)新功能，如日期選擇器創(chuàng)新：支持一個月的所有工作日或幾周，如下圖所示。

由此可見，騰訊TDesign的設(shè)計系統(tǒng)是通過對用戶使用習(xí)慣的研究和驗證，經(jīng)過長期的磨合探索而誕生的智能設(shè)計系統(tǒng)。我們也期待TDesign不斷打磨出更完善、更易用的組件庫，包括更成熟的國際化和無障礙解決方案，為設(shè)計師帶來創(chuàng)作靈感，幫助產(chǎn)品和用戶。