金山云企業(yè)級設(shè)計解決方案 Kingsoft Cloud Design（以下簡稱：King Design）正式升級 2.0 版本。King Design 是由金山云 UED 團隊和云計算前端團隊歷時四年開發(fā)和維護的。提煉于復(fù)雜的云產(chǎn)品業(yè)務(wù)場景，不僅支持 Vue2、Vue3、React 等業(yè)界主流的技術(shù)框架，同時還支撐了云平臺上百個產(chǎn)品，服務(wù)于金山云內(nèi)外部用戶。

金山往期設(shè)計案例：

從首次發(fā)布到本次升級，King Design 經(jīng)歷了 4 年多時間的打磨，產(chǎn)出了設(shè)計風格、設(shè)計指南、?具、業(yè)務(wù)模板等，提供從產(chǎn)品到測試全流程的設(shè)計解決方案，為跨部門協(xié)作提供了豐富的資源。我們希望借助本次升級，分享多年來在云計算行業(yè)中所獲得的經(jīng)驗，同時借助社區(qū)力量，不斷進化設(shè)計系統(tǒng)。

訪問鏈接：https://design.ksyun.com/

設(shè)計理念

King Design 致力于提升企業(yè)級產(chǎn)品的用戶體驗，以賦能企業(yè)、提升團隊生產(chǎn)力為愿景。源于實際業(yè)務(wù)，并在產(chǎn)品迭代過程中不斷豐富設(shè)計資產(chǎn)和生態(tài)，最終形成適用于互聯(lián)網(wǎng)各行業(yè)的設(shè)計解決方案。

遵從高效（Efficiency）、融合（Fusion）、演化（Evolution）的設(shè)計理念，King Design 從產(chǎn)品設(shè)計全流程的視角出發(fā)，更加流程化和系統(tǒng)化的幫助企業(yè)解決業(yè)務(wù)問題，通過搭建統(tǒng)一的生態(tài)平臺、易用的設(shè)計資產(chǎn)、多行業(yè)的解決方案，幫助提升團隊生產(chǎn)力。

• 高效，全局標準化，優(yōu)化產(chǎn)研流程，為用戶帶來更便捷體驗，提高團隊生產(chǎn)力。
• 融合，融合實際業(yè)務(wù)場景，統(tǒng)一設(shè)計語言，讓產(chǎn)品家族更具一致性。
• 演化，具有靈活可擴展性，在業(yè)務(wù)迭代過程中和設(shè)計趨勢發(fā)展中不斷演化。

技術(shù)特性

King Design 支持業(yè)界多種主流技術(shù)框架，本次版本主要支持了 Vue3、React 17、React 18。

代碼完全使用 TypeScript 重構(gòu)，全面接入 TS 生態(tài)，提供強大的類型系統(tǒng)，提高開發(fā)效率的同時，將大部分 Bug 遏止在編碼階段。

樣式方面，采用 CSS-in-JS 技術(shù)實現(xiàn)，支持靈活的主題定制，可依據(jù)產(chǎn)品特性對主題進行一鍵更換，方便快捷。

全鏈路設(shè)計解決方案

在產(chǎn)品開發(fā)周期中，體驗需融合到業(yè)務(wù)鏈條的每個環(huán)節(jié)中，King Design 打造了從產(chǎn)品、設(shè)計、開發(fā)、測試各個階段的設(shè)計解決方案，并保持各個階段設(shè)計語言的一致性。

• 產(chǎn)品階段，提供 Web 端和移動端的專業(yè)版和快捷版原型設(shè)計工具，同時提供通用型和行業(yè)型業(yè)務(wù)模版，如金融、醫(yī)療、政府等行業(yè)，幫助產(chǎn)品規(guī)劃原型設(shè)計，節(jié)省構(gòu)建原型的時間。
• 設(shè)計階段，提供多類型設(shè)計工具，包含 Web 端和移動端的 Sketch 組件庫、Figma 組件庫、素材庫，后續(xù)還會發(fā)布更多在線協(xié)同工具的組件庫，助力設(shè)計師和開發(fā)工程師更好協(xié)作。
• 開發(fā)階段，支持 Vue2、Vue3、React 等業(yè)界主流的技術(shù)框架，全面接入 TS 生態(tài)，提供強大的類型系統(tǒng)，支持靈活的主題定制。
• 測試階段，從測試和 UI 走查角度，提供度量測試工具，助力打造規(guī)范化的產(chǎn)品體驗測試流程。

貼近真實的動效

動效可增強用戶使用產(chǎn)品的愉悅感，增加界面舒適性和活力，King Design 升級了組件級動效，模擬真實物理世界的運動規(guī)律，貼近用戶真實的感受。

組件動效模擬物理世界中水滴掉落在湖面形成的漣漪效果，即當水滴掉落到湖面時，將在水滴中央向四周擴散形成漣漪。當對組件進行操作時，由組件內(nèi)部向外側(cè)擴散形成漣漪效果，漣漪向外擴散時逐漸減弱并消失。

在整體設(shè)計理念的基礎(chǔ)上，我們提煉了組件動效原則，以真實、高效、適度作為設(shè)計原則，設(shè)計更貼近企業(yè)級的產(chǎn)品特征，并依據(jù)用戶認知習慣，建立其與屏幕內(nèi)虛擬世界的認知連續(xù)，讓人們在互聯(lián)網(wǎng)世界中體驗到自然的觸感。

靈活的主題定制

支持實時主題定制，可依據(jù)產(chǎn)品品牌特性自定義主題。提供符合 WCAG 2.2 規(guī)范的多元化預(yù)置主題，用戶可一鍵切換更換產(chǎn)品風格。除色彩定制外，在保持瀏覽器原生特性的基礎(chǔ)上增強交互能力，可靈活按需定制組件風格，滿足不同業(yè)務(wù)場景需求。

統(tǒng)一的生態(tài)平臺

金山云 UED 開源共享自主設(shè)計研發(fā)的素材站，提供大量具有云計算風格的設(shè)計資產(chǎn)，包括圖標庫、圖片庫、字體庫（后續(xù)開放）等生態(tài)平臺。支持多格式、多尺寸的資源下載，同時支持線上代碼引用。此外，用戶可在生態(tài)平臺進行項目管理和資源管理，更好地實現(xiàn)團隊間的資源協(xié)作和積累。

多行業(yè)的解決方案

從大量的業(yè)務(wù)實踐中，提取了共性設(shè)計模式，如登錄、表單、列表、總覽、詳情、個人中心，形成通用業(yè)務(wù)模板。提煉不同行業(yè)的業(yè)務(wù)場景，形成行業(yè)解決方案模板，如 IoT、教育、人工智能等。用戶可在線查看并下載業(yè)務(wù)模板，快速完成產(chǎn)品構(gòu)建。

最后

通過升級，King Design 已經(jīng)從一個組件庫演化為適用于企業(yè)級產(chǎn)品的設(shè)計系統(tǒng)，隨著業(yè)務(wù)場景和設(shè)計趨勢的變化，設(shè)計系統(tǒng)將不斷進行演化。未來，金山云 UED 團隊會持續(xù)對 King Design 進行優(yōu)化，以形成更成熟的解決方案和更豐富的設(shè)計資產(chǎn)，為企業(yè)產(chǎn)品賦能增效。

歡迎關(guān)注作者微信公眾號：「金山云用戶體驗設(shè)計」