金山雲推出企業級開源設計語言King Design

在現實世界中，我們基於共同的語言來保持團隊協作，達成共識並快速推動專案演進；在數字世界中，依靠統一的數字語言，讓不同地域、不同型別的工作得以在共同的規則下，往明確的方向去發展。近日，經過大量的專案實踐和經驗總結，金山雲正式推出面向企業級市場的開源前端設計語言——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開放出來，希望能讓更多企業能夠參與到其中，通過與業界通力協作，共同提升業務開發效率和使用者體驗。