【51CTO.com原創(chuàng)稿件】互聯(lián)網(wǎng)行業(yè)流行一句話叫“不要重復(fù)造輪子”。當(dāng)一個(gè)企業(yè)達(dá)到一定規(guī)模之后，內(nèi)部各個(gè)部門(mén)、甚至小組都會(huì)有各自的組件庫(kù)產(chǎn)品，雖然這些組件庫(kù)可能分別服務(wù)于不同的業(yè)務(wù)方向，但是如果剝離業(yè)務(wù)屬性，它們都是比較類(lèi)似的產(chǎn)品，這些組件庫(kù)也需要業(yè)務(wù)團(tuán)隊(duì)抽出一些人力去維護(hù)。同時(shí)，由于質(zhì)量和維護(hù)情況層次不齊，組件庫(kù)之間的交互方式不一致，很難互通。而當(dāng)某一個(gè)團(tuán)隊(duì)沒(méi)有自己的“輪子”時(shí)，就會(huì)在項(xiàng)目前期做技術(shù)選型時(shí)難以抉擇。

面對(duì)這樣的難題該怎么辦？騰訊的做法是將這些“輪子”有機(jī)重組。2019年，騰訊在內(nèi)部建立了開(kāi)源協(xié)同委員會(huì)，用協(xié)同和開(kāi)源的方式解決“重復(fù)造輪子”的難題。

讓設(shè)計(jì)踐行DesignOps理念

“設(shè)計(jì)”是貫穿產(chǎn)品研發(fā)始終的重要工作，從選型、測(cè)試，到產(chǎn)品的發(fā)布、迭代，來(lái)構(gòu)建統(tǒng)一的用戶(hù)體驗(yàn)。每一個(gè)交付環(huán)節(jié)的溝通成本是產(chǎn)品設(shè)計(jì)研發(fā)過(guò)程中的一大 “阻礙”，根據(jù)企業(yè)內(nèi)部情況構(gòu)建設(shè)計(jì)協(xié)作平臺(tái)來(lái)解決溝通問(wèn)題，不僅能創(chuàng)造高效的工作流程，還能提高設(shè)計(jì)輸出質(zhì)量，“DesignOps的模式”呼之欲出。

作為支持精益與敏捷設(shè)計(jì)的理念模式，DesignOps可以為產(chǎn)品設(shè)計(jì)帶來(lái)三大核心價(jià)值。

首先是設(shè)計(jì)價(jià)值最大化，利用騰訊設(shè)計(jì)云，設(shè)計(jì)師只需要關(guān)注設(shè)計(jì)，其余工作則通過(guò)團(tuán)隊(duì)協(xié)同平臺(tái)ProWork的流程和項(xiàng)目管理等解決；第二是體驗(yàn)設(shè)計(jì)自動(dòng)化。騰訊自研的設(shè)計(jì)協(xié)作平臺(tái) CoDesign不僅打通了設(shè)計(jì)稿從需求到交付的各種狀態(tài)，未來(lái)還會(huì)將設(shè)計(jì)的組件和研發(fā)的組件打通關(guān)聯(lián)，從而實(shí)現(xiàn)自動(dòng)化觸發(fā)流水線、自動(dòng)化集中部署，解決重復(fù)性的問(wèn)題；第三是設(shè)計(jì)研發(fā)一體化，讓產(chǎn)品設(shè)計(jì)不必脫離敏捷的節(jié)奏，任何用戶(hù)反饋、市場(chǎng)變動(dòng)都通過(guò)DesignOps和DevOps的結(jié)合快速實(shí)現(xiàn)。

DesignOps模式所倡導(dǎo)的自動(dòng)化流程、高效能協(xié)作，以及專(zhuān)注的文化，一方面幫助設(shè)計(jì)師全程參與開(kāi)發(fā)流程，讓設(shè)計(jì)產(chǎn)物與研發(fā)產(chǎn)品保持一致，另一方面創(chuàng)造高效和透明協(xié)同環(huán)境，讓體驗(yàn)設(shè)計(jì)的價(jià)值不斷得到體現(xiàn)。

為了實(shí)現(xiàn)“DesignOps”的理想，騰訊開(kāi)始對(duì)內(nèi)部的幾個(gè)大型設(shè)計(jì)體系和組件庫(kù)產(chǎn)品共同發(fā)起了開(kāi)源共建活動(dòng)，以期通過(guò)開(kāi)源協(xié)同，解決過(guò)去騰訊內(nèi)部團(tuán)隊(duì)分別維護(hù)設(shè)計(jì)體系，各設(shè)計(jì)體系之間質(zhì)量參差不齊的問(wèn)題。在 2020 年 2 月份，通過(guò)多次遠(yuǎn)程會(huì)議，確定了 TDesign 的產(chǎn)品目標(biāo)和技術(shù)路線，并在全員的參與下共同投票選出了具有騰訊風(fēng)格的“TDesign ”的名字。

包容、多元、進(jìn)化、連接的TDesign

TDesign 秉承了包容、多元、進(jìn)化、連接的價(jià)值觀，期望為用戶(hù)、行業(yè)及合作伙伴等打造具競(jìng)爭(zhēng)力的品牌與產(chǎn)品體驗(yàn)。

作為一款企業(yè)級(jí)設(shè)計(jì)體系，TDesign 為開(kāi)發(fā)者提供了多種主流開(kāi)發(fā)技術(shù)棧的支持：TDesign 已經(jīng)支持了 Vue2、Vue3、React 和移動(dòng)端小程序的開(kāi)發(fā)，其他技術(shù)棧如 Angular、Flutter 也有相應(yīng)貢獻(xiàn)團(tuán)隊(duì)正在開(kāi)發(fā)。為了實(shí)現(xiàn)開(kāi)發(fā)與設(shè)計(jì)之間的高效協(xié)同，TDesign 中包含了豐富可復(fù)用的設(shè)計(jì)組件資源，如色彩體系、文字系統(tǒng)、動(dòng)效設(shè)計(jì)、圖標(biāo)元素、布局結(jié)構(gòu)等，覆蓋支持 Axure、Sketch、Figma、Adobe Xd 等各大產(chǎn)品設(shè)計(jì)軟件，將設(shè)計(jì)和開(kāi)發(fā)者從重復(fù)勞動(dòng)中釋放出來(lái)。TDesign 將騰訊內(nèi)部多年設(shè)計(jì)經(jīng)驗(yàn)提煉總結(jié)為專(zhuān)業(yè)的設(shè)計(jì)指南，其所提供的通用設(shè)計(jì)解決方案，能夠幫助產(chǎn)品經(jīng)理、設(shè)計(jì)師、開(kāi)發(fā)者等角色高效完成企業(yè)級(jí)產(chǎn)品的設(shè)計(jì)和研發(fā)，并保持設(shè)計(jì)語(yǔ)言和風(fēng)格的一致，滿(mǎn)足用戶(hù)體驗(yàn)的要求。TDesign 設(shè)計(jì)體系在形成過(guò)程中，提煉了不同業(yè)務(wù)、場(chǎng)景的設(shè)計(jì)經(jīng)驗(yàn)，提供了通用的設(shè)計(jì)指南以降低使用門(mén)檻。對(duì)于不同企業(yè)產(chǎn)品的品牌定制需求，TDesign 支持使用者對(duì)設(shè)計(jì)風(fēng)格進(jìn)行擴(kuò)展，目前已經(jīng)將設(shè)計(jì)樣式梳理歸納為 Design Token，形成一套企業(yè)內(nèi)部的語(yǔ)義化設(shè)計(jì)規(guī)范，方便后續(xù)進(jìn)行統(tǒng)一的管理和使用擴(kuò)展。

???

???

???

TDesign上線之后，在騰訊內(nèi)部首先被使用在了一些新的、小型的項(xiàng)目中，隨后被一些大型項(xiàng)目或者項(xiàng)目的重構(gòu)采用。作為一款誕生于騰訊內(nèi)部開(kāi)源、經(jīng)過(guò)超500項(xiàng)內(nèi)部業(yè)務(wù)檢驗(yàn)的企業(yè)級(jí)設(shè)計(jì)體系，TDesign不愿閉門(mén)造車(chē)，希望通過(guò)對(duì)外開(kāi)源，擴(kuò)大服務(wù)范圍。將開(kāi)源作為一個(gè)新的起點(diǎn)，借助社區(qū)的力量，得到與同道交流學(xué)習(xí)的機(jī)會(huì)，逐步建立起活躍的社區(qū)，以便持續(xù)打磨完善的組件庫(kù)和相關(guān)生態(tài)產(chǎn)品。

即刻加入TDesign項(xiàng)目：??https://github.com/Tencent/tdesign??

讓設(shè)計(jì)更加高效協(xié)同的騰訊設(shè)計(jì)云

TDesign只是騰訊設(shè)計(jì)云產(chǎn)品矩陣的一個(gè)部分。作為騰訊自研自用的產(chǎn)設(shè)研創(chuàng)作、協(xié)同與管理解決方案，騰訊設(shè)計(jì)云匯聚多款源自騰訊成熟業(yè)務(wù)實(shí)踐的設(shè)計(jì)研發(fā)類(lèi)產(chǎn)品，為企業(yè)客戶(hù)提供版權(quán)素材、用戶(hù)研究、智能設(shè)計(jì)、設(shè)計(jì)協(xié)同、快速研發(fā)等能力，助力企業(yè)實(shí)現(xiàn)高效協(xié)同，提升設(shè)計(jì)研發(fā)效率。

???

在設(shè)計(jì)領(lǐng)域，騰訊各大設(shè)計(jì)團(tuán)隊(duì)有著20多年的體驗(yàn)設(shè)計(jì)深厚底蘊(yùn)，提出了設(shè)計(jì)上云的課題。設(shè)計(jì)上云的目標(biāo)是在公司內(nèi)部設(shè)計(jì)領(lǐng)域建立有效的溝通協(xié)作機(jī)制，對(duì)設(shè)計(jì)工具、資產(chǎn)、標(biāo)準(zhǔn)建設(shè)做好規(guī)劃;在公平公 正公開(kāi)的基礎(chǔ)上，協(xié)同各個(gè)團(tuán)隊(duì)的力量開(kāi)源共建，對(duì)內(nèi)提升研發(fā)效能，對(duì)外將設(shè)計(jì)產(chǎn)品商業(yè)化 得到更多行業(yè)客戶(hù)的信賴(lài)，進(jìn)而提升行業(yè)影響力，助力打造開(kāi)放的設(shè)計(jì)生態(tài)。

騰訊設(shè)計(jì)云“生于騰訊、聚于騰訊”。生于騰訊是指騰訊設(shè)計(jì)云產(chǎn)品匯聚了多款源于不同部門(mén)的SaaS化的成熟產(chǎn)品，以及一些未上云但已經(jīng)在騰訊內(nèi)部服務(wù)于項(xiàng)目提效中的工具。雖然各個(gè)產(chǎn)品的商業(yè)化階段不盡相同，但它們都在各自所誕生的部門(mén)中發(fā)揮著作用，或者在大型的公司級(jí)產(chǎn)品中有過(guò)大量被驗(yàn)證過(guò)的成功經(jīng)驗(yàn)，經(jīng)得起高強(qiáng)度產(chǎn)設(shè)研項(xiàng)目考驗(yàn)的。騰訊設(shè)計(jì)云的產(chǎn)品服務(wù)了像QQ音樂(lè)、騰訊云、騰訊會(huì)議、企業(yè)微信這樣大型的設(shè)計(jì)團(tuán)隊(duì)，也服務(wù)了數(shù)字廣東、富途證券、蘑菇街這樣的大型企業(yè)。聚于騰訊，指的是基于公司開(kāi)源協(xié)同的大背景的契機(jī)，這些產(chǎn)品從不同部門(mén)匯聚于騰訊設(shè)計(jì)云，有了一個(gè)共同的目標(biāo)：助力內(nèi)外部產(chǎn)品設(shè)計(jì)研發(fā)團(tuán)隊(duì)或企業(yè)用戶(hù)，在設(shè)計(jì)相關(guān)流程和場(chǎng)景中的高效協(xié)同。

設(shè)計(jì)上云，服務(wù)于人。騰訊設(shè)計(jì)云，針對(duì)在生產(chǎn)工作流程的不同階段中，用戶(hù)與企業(yè)面臨的工具匱乏、溝通成本高、設(shè)計(jì)稿管理效率低下等痛點(diǎn)，提供一系列協(xié)同與效能工具，解決降本、增效的問(wèn)題，助力企業(yè)達(dá)成高效設(shè)計(jì)、輕松協(xié)同的最終目標(biāo)。騰訊希望更多的設(shè)計(jì)師加入到騰訊設(shè)計(jì)云，深入推進(jìn)設(shè)計(jì)云的共建，共同支撐互聯(lián)網(wǎng)業(yè)務(wù)的高速發(fā)展。

點(diǎn)擊了解更多TDesign詳情：??https://tdesign.tencent.com/?from=nini_3??

???

掃描二維碼加入官方交流群，獲取更多騰訊設(shè)計(jì)云一手資訊！

【51CTO原創(chuàng)稿件，合作站點(diǎn)轉(zhuǎn)載請(qǐng)注明原文作者和出處為51CTO.com】