1#
在现实世界中,我们基于共同的语言来保持团队协作,达成共识并快速推动项目演进;在数字世界中,依靠统一的数字语言,让不同地域、不同类型的工作得以在共同的规则下,往明确的方向去发展。近日,经过大量的项目实践和经验总结,金山云正式推出面向企业级市场的开源前端设计语言——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开放出来,希望能让更多企业能够参与到其中,通过与业界通力协作,共同提升业务开发效率和用户体验。