在现实世界中,我们基于共同的语言来保持团队协作,达成共识并快速推动项目演进;在数字世界中,依靠统一的数字语言,让不同地域、不同类型的工作得以在共同的规则下,往明确的方向去发展。近日,经过大量的项目实践和经验总结,金山云正式推出面向企业级市场的开源前端设计语言——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开放出来,希望能让更多企业能够参与到其中,通过与业界通力协作,共同提升业务开发效率和用户体验。
免责声明:此文内容为第三方自媒体作者发布的观察或评论性文章,所有文字和图片版权归作者所有,且仅代表作者个人观点,与 无关。文章仅供读者参考,并请自行核实相关内容。投诉邮箱:editor@fromgeek.com。
免责声明:本网站内容主要来自原创、合作伙伴供稿和第三方自媒体作者投稿,凡在本网站出现的信息,均仅供参考。本网站将尽力确保所提供信息的准确性及可靠性,但不保证有关资料的准确性及可靠性,读者在使用前请进一步核实,并对任何自主决定的行为负责。本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任。任何单位或个人认为本网站中的网页或链接内容可能涉嫌侵犯其知识产权或存在不实内容时,应及时向本网站提出书面权利通知或不实情况说明,并提供身份证明、权属证明及详细侵权或不实情况证明。本网站在收到上述法律文件后,将会依法尽快联系相关文章源头核实,沟通删除相关内容或断开相关链接。