內容轉載自「金山雲用戶體驗設計」https://mp.weixin.qq.com/s/34DKUhu0IORquGnV4LQL0w金山雲企業級設計解決方案Kingsoft Cloud Design(以下簡稱:King Design)正式升級2.0版本。King Design是由金山雲UED團隊和雲計算前端團隊歷時四年開發和維護的。提煉於複雜的雲產品業務場景,不僅支持Vue2、Vue3、React等業界主流的技術框架,同時還支撐了雲平台上百個產品,服務於金山雲內外部用戶。從首次發布到本次升級,King Design經歷了4年多時間的打磨,產出了設計風格、設計指南、⼯具、業務模板等,提供從產品到測試全流程的設計解決方案,為跨部門協作提供了豐富的資源。我們希望藉助本次升級,分享多年來在雲計算行業中所獲得的經驗,同時藉助社區力量,不斷進化設計系統。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、教育、人工智能等。用戶可在線查看並下載業務模板,快速完成產品構建。KingDesign 官網在本文左下角「閱讀原文」
想要學習或者練習體驗/交互設計的朋友,可以了解一下「體驗設計學習社」。
作品集詳細點評+答疑+免費訓練營&學習打卡等活動,更有各類大廠內推:
如果你只是想要多認識一些同行,也可以加入我們無廣告的純粹體驗研討微信群: