金山云推出企业级开源设计语言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开放出来，希望能让更多企业能够参与到其中，通过与业界通力协作，共同提升业务开发效率和用户体验。