在国内都有哪些设计系统(Design System)?

时间:2024-01-15 09:03:59  作者:华体会导航登录 浏览次数:

  ArcoDesign 以 务实浪漫,高效美接融 为愿景,秉承一致性(Agreement)、韵律感(Rhythm)、清晰度(Clear)、开放性(Open)的设计哲学。

  我们致力于桥接开发与设计的差距,从开发者和设计师的视角出发,采用更加系统化的思维模式解答业务难题。通过精致完善的设计资源,流畅简约的工具集和丰富的生态平台,迅速提升工作效率与愉悦感。

  Arco 致力于探索更优质的设计体系,以解决复杂的业务以及冗余的沟通带来的体验问题,彻底解放开发及设计师的双手。

  KingDesign 设计系统是⾦⼭云基于多年的企业级产品设计开发经验,以⾦⼭云设计语⾔为基础,⽤于企业级产品的开源设计系统,该系统由组件、开发、设计资源、⼯具、解决⽅案、设计指南组成,⽤户可使⽤ KingDesign 设计系统快速构建⼀致的数字产品。

  KingDesign 设计系统是⾯向企业级产品的设计解决⽅案,为企业提效⽽⽣,提供设计思路、设计指南、设计资源帮企业快速构建产品。

  Ding Design 是由钉钉设计团队、产品团队和终端技术团队共同打造的前端组件项目,目的是为帮助开发者提高开发效率、提升产品体验。

  Ant Design,出自阿里巴巴集团旗下蚂蚁金服之手,是一款全面而通用的设计系统。它旨在为设计师和研发人员提供广泛的用户界面组件、设计指南和工具,以助力团队迅速、轻松地创造出高品质的设计。

  蚂蚁设计秉承简洁、一致性和高效性的设计原则,其包含了一系列用户界面组件,如按钮、表单和导航栏等,以及设计指南和原则,旨在确保在不同平台和设备上的一致性和易用性。

  重视可访问性,其设计指南和原则确保蚂蚁设计对所有人开放,不论其是否面临残疾或其他挑战。

  拥有一个充满了许多活力且相互支持的设计师和研发人员社区,他们共同为设计系统贡献力量,并跟着时间的推移逐渐完备和改进。

  蚂蚁设计因其提供的全面、通用的资源和指南而受到设计师和研发人员的广泛欢迎,有效地保证了各种项目和应用程序的一致性、易用性和无障碍访问性。

  HiUI 是小米集团信息技术部推出的企业级设计系统。HiUI 目前聚焦在企业级中后台研发场景,以「高效、友好、开放」为设计价值观,致力于打造轻松愉悦的办公体验。HiUI 提供了开箱即用的 UI 组件库、设计指南、设计模板等资产,将产品、设计和研发从重复劳动中解放出来,专注于更有价值的业务需求设计。

  丰富的组件库:依据业务场景提炼出 5 大类,50+ 基础组件,覆盖大部分使用场景,满足各种功能需求

  更好的开发体验:提供功能强大、品类丰富的高质量组件,让开发更简单 ;更灵活的组件引入方式,支持分包与合包,让升级更平滑 ;提供全链路开发体系,开箱即用,让开发更高效

  技术全面革新:支持 TypeScript,提供优秀的类型提示和代码检查 ;拥抱 React hooks,提供全新的函数式编程体验

  更强的扩展性:全量 DesignToken 主题定制,支持灵活主题定制和搭配 ;全面扩充底层 API (150+),提供优秀的组件定制和扩展能力 ;提供通用基础 Utils 和 Hooks,提供稳定好用的工具服务

  HIUI 是一个面向中后台系统的前端组件库,能够在一定程度上帮助研发人员快速实现交互一致、界面美观的界面开发。

  传统的页面产出流程是瀑布流式的 - 一个工作流程中会涉及到不同的 PM、设计师及前端工程师。

  部分项目在时间紧张的情况下会出现分批交付并行开发的情况、如此多的角色共同参与一个项目下,合作方如果没有紧密咬合、足够的沟通,将会导致大量重复性的工作,增加项目周期、管理难度。

  B 端产品往往拥有复杂的业务逻辑且页面量级巨大,快速迭代也会引发频繁的变动以及并行概率的增加,需要设计师与开发能够快速的产出方案保证上线。这样的工作模式引发的副作用如: 体验一致性差 、 设计效率低 、 还原度不可控 的问题也逐渐显现,变成一个急待解决的问题。

  B 类产品中存在很多类似的页面以及组件,能够最终靠抽象得到一些稳定且高复用性的内容,那么是不是能够最终靠这种方式从现在的模式中,解绑一下呢?

  自然:设计者在进行产品设计时,应遵从用户的本能,在感知、认知和行为层面营造贴近自然的产品体验,使用户能沉浸其中,进行无意识的行为活动。保持 自然 的产品设计理念,将有利于减少用户在理解信息、进行决策和执行任务环节中的精力消耗,从而进入心流的极致状态。

  高效:产品应该能助力用户高效地完成目标。提供引导和帮助能使用户快速上手,降低学习成本;对功能和信息进行预先配置,能够更好的降低用户的操作成本,使他们快速开展任务。

  包容:主流产品或服务的设计应能够被尽可能广泛地使用,无需特别的适应或特殊的设计。包容性大多数表现在两个方面:产品的设计形态应该适应内部业务的发展,同时满足更广泛人群的使用场景和需求。

  有赞是一个商家服务企业。我们第一步为商家提供客户关系管理、在线营销、在线销售、门店管理等全方面提高经营效率的系统解决方案,有 SaaS 产品,也有 PaaS 云;同时还提供人才培训、供应、金融等增值服务。

  多年来,我们给来自不一样的行业的几百万商家提供着服务。这样足够丰富的客户和足够丰富的需求环境,让有赞沉淀了不少关于产品设计的经验和方法,我们愿意将这些经验完整地共享出来,希望有机会能够帮助更多同行提高产品设计和研发效率。

  高效:包括 1)简化流程:设计简洁直观的操作的过程;2)清晰明确:语言表达清晰且表意明确,让用户快速理解进而作出决策。

  反馈:包括 1)控制反馈:通过界面样式和交互动效让用户都能够清晰的感知自己的操作;2)界面反馈:操作后,通过界面元素的变化清晰地展现当前状态。

  可控:包括 1)用户决策:根据场景可给予用户操作使用建议或安全提示,不能代替用户进行决策;2)结果可控:用户都能够自由的进行操作,有可逆的空间和余地。

  一致:包括 1)与现实一致:与真实的生活的流程、逻辑、习惯保持一致,与物理世界的客观事实保持一致;2)在界面中一致:所有的元素和结构需保持一致。

  Zan Design 设计价值观为有赞产品设计,提供普适、抽象的评判标准和方向,激发了更为具体和行之有效的设计原则,继而又产生为具体的设计问题提供向导和一般解决方案的设计模式。

  Mand Mobile,由滴滴出行前端团队精心打造,专为金融领域量身定制的移动端 Vue 2 组件库。其不仅助力前端开发者迅速搭建项目,更以其专业严谨的 UI 风格闻名。目前,该组件库已大范围的应用于滴滴四大金融业务板块,覆盖逾十款重点产品。

  丰富的组件:40+ 的实用组件,能够很好的满足移动端开发的基本需求,尤其是对金融场景的需求来做了特别支持

  统一的视觉规范:由滴滴金融设计师设计并维护,保证了应用的项目内部、项目之间都能保持高度的视觉一致性

  适用于多场景的产生:提供按需加载能力,使用灵活,避免引入无用代码,导出 es,umd 两种格式以及 px,vh/vw 两种样式单位

  Mand Mobile 是由滴滴出品的基于 Vue 2 开发的前端 UI 组件库,项目源码基于 Apache 2.0 开源协议托管在 Github 上,任何个人和公司都可以不要钱下载使用,也可以用在商业项目上。

  NutUI-JDT 是京东科技风格的移动端组件库,使用 Vue 语言来编写可以在 H5,小程序平台上的应用,帮助研发人员提升开发效率,改善开发体验。

  源自微盟移动端核心业务,我们的目标是通过 Titian Mobile 助力开发者实现可持续地提质增效,并不断打造良好的移动端产品体验。

  多渠道一体化:多端适配,同时支持微信、支付宝、小红书、快手小程序等多个主流渠道,同时保持 API 与功能统一。Titian 基于微盟自研的多渠道转码技术,支持业界主流的 MiniProgram(即将开放),以及基于 Web Components 支持 React、Vue 3 开发技术栈,采用 MIT 许可协议,秉承开放、开源原则,期待共建生态。

  千变万化,随心搭配:借助 Titian 组件,能更便捷地搭建应用。你想得到的、想不到的样式变量,我们都能提供。

  Semi 多用于前缀或词组中,表示「一半」 —— 正如同一个完整的企业应用,通常由业务逻辑与前端界面构成,Semi Design 希望成为这不可或缺的一半,为企业应用前端提供坚实且优质的基础。

  我们相信,设计系统的真正价值在于降低前端的搭建成本,同时提供优秀的设计和工程化标准,充分解放设计师与开发者的生产力,从而不断孵化明星产品。

  模块化设计:Semi Design 将设计元素分解为可重复使用的模块,这样做才能够提高设计的效率和一致性。

  适应性和灵活性:Semi Design 鼓励设计师和研发人员在保持整体一致性的同时,根据不同的业务场景和客户的真实需求进行灵活的设计和开发。

  可视化工具:提供了一系列的可视化工具,帮助设计师和研发人员更好地理解和实现设计。

  HarmonyOS 的创新体验将帮助您应对万物互联时代带来的挑战与机遇,结合覆盖应用生命周期的场景解决方案,打造受用户喜爱的应用。通过全场景流量入口、AI 加持下的智慧分发,让更多用户能畅享您的应用。

  HarmonyOS 让您的应用自由跨端:元服务是轻量化服务的新物种,它提供了全新的服务和交互方式,可分可合,可流转,支持免安装等特性,能够让应用化繁为简,让服务触手可及。

  HarmonyOS 万能卡片助您服务直达:HarmonyOS 应用或元服务以万能卡片的形式展示在设备桌面,帮助用户快速访问、处理应用内信息。设置万能卡片后,用户在桌面即可看见应用的实时信息并能够直接进行操作,所见即所得。

  HarmonyOS 用 简单 激活您的设备智能:HarmonyOS 是新一代智能终端操作系统。为不同设备的智能化、互联与协同提供了统一的语言。设备可实现一碰入网,无屏变有屏,操作可视化,一键直达原厂服务等全新功能。通过简单而智能的服务,实现设备智能化产业升级。