在現實世界中,咱們基於共同的語言來保持團隊協做,達成共識並快速推進項目演進;在數字世界中,依靠統一的數字語言,讓不一樣地域、不一樣類型的工做得以在共同的規則下,往明確的方向去發展。近日,通過大量的項目實踐和經驗總結,金山雲正式推出面向企業級市場的開源前端設計語言——King Design Public Components(簡稱KPC),該語言能夠幫助有前端設計需求的企業,基於金山雲開源的KPC快速構建自身專有的視覺及交互風格,從而大幅節省設計和建模時間,提升業務上線效率。 值得一提的是,當前僅有谷歌、蘋果、微軟、阿里巴巴等一些大型企業推出了開源的設計語言,也只有企業在自身交互設計上足夠成體系、成規模以後,其開源才具備爲其餘企業借鑑的價值和意義。金山雲這次經過將自身在多年業務實踐中積累的設計經驗開放出來,對於提高國內企業數字產品設計水平和開發人員工做效率,將起到積極有效的助推做用。目前KPC已經在全球最大的開源軟件開發與管理社區GitHub上開放,搜索「KPC」便可查看和下載使用。前端
四大核心價值打造最高效設計語言 KPC是服務於金山雲數字產品設計的一款通用設計語言,經過一系列有序組織的設計模式和應用規範,從視覺、交互、代碼層規範企業的平臺設計,基於共同的界面理解、一致的產品設計和統一的品牌認知,讓開發人員在產品建立過程當中沒必要再浪費精力於界面樣式等工做,能更加聚焦於產品自己。 當設計語言是公共知識時,它就成爲一個強大的設計和協做工具,能夠以更高的效率、更低的成本實現業務目標。金山雲設計語言KPC具有節省設計開發成本、縮短全局迭代成本、加快產品上線時間和創建品牌信任方面四項核心價值。
在開發成本方面,經過複用現有模式,減小業務重複性,實現業務的快速上線從而大幅節約開發成本;在全局迭代方面,相比於動輒在產品全局範圍內四處修改,可複用的設計模式能夠在任何用到它的地方實現自動更新,全局層面的迭代易如反掌。 在產品上線方面,通常來講,新產品方案須要數月時間,使用KPC實現產品方案僅需幾周時間,當須要快速上線驗證某個設想或方案時,基於現有設計模式可以快速完成上線;在創建品牌信任方面,基於統一的品牌認知,一致的界面運做邏輯,下降用戶認知成本,幫助用戶造成正確的心理預期,創建品牌信任度。
支持多框架的企業級前端組件庫 目前該組件庫支持Vue、React、Intact三大框架,其中Intact是金山雲獨立開發的前端MVVM框架,將來將進一步支持Angular,真正作到不限定團隊技術棧,以及跨團隊之間UI、UE的統一。 另外,組件庫內置了強大的主題系統,該系統秉承「主題不僅是改變配色」的設計理念,能夠最大限度地改變組件的樣式呈現,以適應不一樣產品個性化設計需求。相比市面上已有的成熟組件庫而言,該組件庫除了提供了豐富的組件和細緻的使用文檔,還提供了一些有特點的設計功能點,如全方位的定位系統,聲明式的表單驗證等,從而更進一步提升組件使用者的開發效率和體驗。
在質量保證方面,KPC中全部組件都經過了單元測試,目前代碼覆蓋率在第一階段達到了88%,並且還在持續增加中,經過KPC組件庫,使用者可使穩定、快速地進行迭代升級,來支持日益複雜、不斷增加的業務需求。 統一的設計模式讓開發有跡可循 KPC在設計之初,就肯定了清晰的原則:幫助金山雲團隊定義評價標準的指導原則,實現產品最優設計的標準化共識。在前端設計的四大原則中,金山雲經過多年業務實踐,按照描述明晰性、效率、風格一致性和美感的順序,進行了規範。
在前端設計團隊看來,設計原則爲設計者提供選擇依據,從衆多存在矛盾或價值衝突的設計決策中找到平衡。基於以客戶爲中心的價值指導,設計團隊認爲,美不能夠凌駕在明晰和效率之上,效率也不能夠妥協於一致性之下,明晰永遠都是第一優先級,在制定任何設計決策時都應按照設計原則,考慮優先級。 在具體的設計上,首先,消除歧義,讓用戶可以更加明確無誤地使用,這是最重要的;其次纔是簡化工做流程,幫助用戶更好、更智能、更快地完成工做;接着是在相同的問題使用相同的方案,加強產品的直觀與熟悉程度;最後才應該是經過貼心且優雅的設計工藝,表達對用戶付出時間與關注的尊重。 KPC構建起了豐富的模式庫文檔,針對具體場景的模塊、風格使用規範,經過對顏色、文案、按鈕、圖標、佈局等業務模塊進行定義,讓一切有跡可循。 這次上線的KPC版本分爲了6個大類、共37種經常使用組件,支持多種框架類型,將來會根據雲行業特性,不斷豐富組件類型,按照規劃,將來會達到十多個大類和上百種經常使用組件類型。KPC的推出,對於支撐金山雲日益龐大的業務架構、構建統一的金山雲設計風格、提高客戶體驗一致性和開發人員產品上線效率方面,起到了很是良好的效果。這次將KPC開放出來,但願能讓更多企業可以參與到其中,經過與業界通力協做,共同提高業務開發效率和用戶體驗。