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

金山往期設計案例：

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

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

設計理念

King Design 致力于提升企業級產品的用戶體驗，以賦能企業、提升團隊生產力為愿景。源于實際業務，并在產品迭代過程中不斷豐富設計資產和生態，最終形成適用于互聯網各行業的設計解決方案。

遵從高效（Efficiency）、融合（Fusion）、演化（Evolution）的設計理念，King Design 從產品設計全流程的視角出發，更加流程化和系統化的幫助企業解決業務問題，通過搭建統一的生態平臺、易用的設計資產、多行業的解決方案，幫助提升團隊生產力。

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

技術特性

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

代碼完全使用 TypeScript 重構，全面接入 TS 生態，提供強大的類型系統，提高開發效率的同時，將大部分 Bug 遏止在編碼階段。

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

全鏈路設計解決方案

在產品開發周期中，體驗需融合到業務鏈條的每個環節中，King Design 打造了從產品、設計、開發、測試各個階段的設計解決方案，并保持各個階段設計語言的一致性。

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

貼近真實的動效

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

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

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

靈活的主題定制

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

統一的生態平臺

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

多行業的解決方案

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

最后

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

歡迎關注作者微信公眾號：「金山云用戶體驗設計」