金山设计系统2.0升级,又有B端组件用了

内容转载自「金山云用户体验设计」https://mp.weixin.qq.com/s/34DKUhu0IORquGnV4LQL0w

金山设计系统2.0升级,又有B端组件用了

金山云企业级设计解决方案Kingsoft Cloud Design(以下简称:King Design)正式升级2.0版本。King Design是由金山云UED团队和云计算前端团队历时四年开发和维护的。提炼于复杂的云产品业务场景,不仅支持Vue2、Vue3、React等业界主流的技术框架,同时还支撑了云平台上百个产品,服务于金山云内外部用户。

从首次发布到本次升级,King Design经历了4年多时间的打磨,产出了设计风格、设计指南、⼯具、业务模板等,提供从产品到测试全流程的设计解决方案,为跨部门协作提供了丰富的资源。我们希望借助本次升级,分享多年来在云计算行业中所获得的经验,同时借助社区力量,不断进化设计系统。

金山设计系统2.0升级,又有B端组件用了


设计理念
  
King Design致力于提升企业级产品的用户体验,以赋能企业、提升团队生产力为愿景。源于实际业务,并在产品迭代过程中不断丰富设计资产和生态,最终形成适用于互联网各行业的设计解决方案。
 
遵从高效(Efficiency)、融合(Fusion)、演化(Evolution)的设计理念, King Design从产品设计全流程的视角出发,更加流程化和系统化的帮助企业解决业务问题,通过搭建统一的生态平台、易用的设计资产、多行业的解决方案,帮助提升团队生产力。

金山设计系统2.0升级,又有B端组件用了

  • 高效全局标准化,优化产研流程,为用户带来更便捷体验,提高团队生产力。
  • 融合,融合实际业务场景,统一设计语言,让产品家族更具一致性。
  • 演化具有灵活可扩展性,在业务迭代过程中和设计趋势发展中不断演化。


技术特性
  
King Design支持业界多种主流技术框架,本次版本主要支持了Vue3、React 17、React 18。

代码完全使用TypeScript重构,全面接入TS生态,提供强大的类型系统,提高开发效率的同时,将大部分Bug遏止在编码阶段。

样式方面,采用CSS-in-JS技术实现,支持灵活的主题定制,可依据产品特性对主题进行一键更换,方便快捷。

金山设计系统2.0升级,又有B端组件用了


全链路设计解决方案

在产品开发周期中,体验需融合到业务链条的每个环节中,King Design打造了从产品、设计、开发、测试各个阶段的设计解决方案,并保持各个阶段设计语言的一致性。
 
  • 产品阶段,提供Web端和移动端的专业版和快捷版原型设计工具,同时提供通用型和行业型业务模版,如金融、医疗、政府等行业,帮助产品规划原型设计,节省构建原型的时间。

  • 设计阶段,提供多类型设计工具,包含Web端和移动端的Sketch组件库、Figma组件库、素材库,后续还会发布更多在线协同工具的组件库,助力设计师和开发工程师更好协作。

  • 开发阶段,支持Vue2、Vue3、React等业界主流的技术框架,全面接入TS生态,提供强大的类型系统,支持灵活的主题定制。


  • 测试阶段,从测试和UI走查角度,提供度量测试工具,助力打造规范化的产品体验测试流程。


金山设计系统2.0升级,又有B端组件用了


贴近真实的动效

动效可增强用户使用产品的愉悦感,增加界面舒适性和活力,King Design升级了组件级动效,模拟真实物理世界的运动规律,贴近用户真实的感受。
 
组件动效模拟物理世界中水滴掉落在湖面形成的涟漪效果,即当水滴掉落到湖面时,将在水滴中央向四周扩散形成涟漪。当对组件进行操作时,由组件内部向外侧扩散形成涟漪效果,涟漪向外扩散时逐渐减弱并消失。

金山设计系统2.0升级,又有B端组件用了
          
在整体设计理念的基础上,我们提炼了组件动效原则,以真实、高效、适度作为设计原则,设计更贴近企业级产品特征,依据用户认知习惯,建立与屏幕内虚拟世界的认知连续,让人们在互联网世界中体验到自然的触感。

金山设计系统2.0升级,又有B端组件用了


灵活的主题定制

支持实时主题定制,可依据产品品牌特性自定义主题提供符合WCAG 2.2规范的多元化预置主题,用户可一键切换更换产品风格。除色彩定制外,在保持浏览器原生特性的基础上增强交互能力,可灵活按需定制组件风格满足不同业务场景需求。

金山设计系统2.0升级,又有B端组件用了


统一的生态平台

金山云UED开源共享自主设计研发的素材站,提供大量具有云计算风格的设计资产包括图标库、图片库、字体库(后续开放)等生态平台。支持多格式、多尺寸的资源下载,同时支持线上代码引用。此外,用户可在生态平台进行项目管理和资源管理,更好实现团队间的资源协作和积累。

金山设计系统2.0升级,又有B端组件用了


多行业的解决方案

从大量的业务实践中,提取了共性设计模式,如登录、表单、列表、总览、详情、个人中心,形成通用业务模板。提炼不同行业的业务场景,形成行业解决方案模板,如IoT、教育、人工智能等。用户可在线查看并下载业务模板,快速完成产品构建。

金山设计系统2.0升级,又有B端组件用了

KingDesign 官网在本文左下角「阅读原文」
下面送给大家一个资料包

金山设计系统2.0升级,又有B端组件用了



想要学习或者练习体验/交互设计的朋友,可以了解一下「体验设计学习社」。


作品集详细点评+答疑+免费训练营&学习打卡等活动,更有各类大厂内推:

金山设计系统2.0升级,又有B端组件用了

如果你只是想要多认识一些同行,也可以加入我们无广告的纯粹体验研讨微信群:


金山设计系统2.0升级,又有B端组件用了

本篇文章来源于微信公众号: 体验进阶

UI/UX

解密城市操作系统视觉升级

2022-6-16 16:30:56

UI/UX

QQ社交形象年度盘点设计密码

2022-6-17 8:30:15

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索