DevUI —— 华为云开源的企业级 UI 组件库

局长
 局长
发布于 2021年06月08日
收藏 11

DevUI 是华为云开源的企业级 UI 组件库,它从华为云 DevCloud 研发工具体系孵化而来。其官网的介绍写道:

“DevUI Design 可以让开发人员专门专注于应用逻辑的思考,而设计人员专注于用户体验,交互和流程。”

DevUI 基于 Angular 框架,提供了功能强大、场景丰富的多种组件,如 Tree、Table 等。DevUI 倡导沉浸、灵活、至简的设计价值观,提倡设计者为真实的需求服务,为多数人进行设计,拒绝哗众取宠、取悦眼球的设计。

沉浸

DevUI 的沉浸式体验包括人的感官体验和认知体验,当用户的个人技能与面对的挑战互相匹配,并且长时间处在稳定状态时,用户达到心流状态并且不易被外界因素所干扰。

在产品设计中,DevUI 专注在降低用户在完成任务目标时的认知阻力中。为此,DevUI 同时提供多种不同的切换页面的途径,包括面包屑、快捷键、按钮和链接等,方便用户随时快速、连续地切换页面,到达自己所需的页面,使用户处于流畅的体验中,减轻寻找信息的焦虑感。DevUI 设计体验提倡将个人技能与项目难度进行分层,并在使用时分别进行匹配,极力规避个人技能与难度不匹配时产生的焦虑或者无聊感。同时,DevUI 兼容多样化 APP 插件,用户可以个性化自己的工作环境,把工作环境调整到最符合个人使用习惯的模式。

灵活

DevUI 自带各类完整的模板和典型场景,于此同时,DevUI 提供超过 30 个独立原子级组件,可以自由组合,用小组件拼接出符合自身产品需要的分子级控件。用户可以根据自身的产品需求灵活选择,既可以直接使用现有的典型页面模板,也可以从小控件做起,利用现有资源拼接自己的页面。

至简

DevUI 坚持以用户为中心去进行设计,注重直观可达性,把服务示例化以帮助用户快速融入到使用中去。同时, DevUI 提供大量的快捷键,并且图形化信息反馈和引导,简化使用的流程、降低使用的门槛。让用户能够所见即所得,做到快速上手,便捷实用。

据介绍,DevUI 被华为云内部多个商业项目使用,因此与大多数组件库相比,它更适合用来构建 ToB 的工具类产品。

DevUI 作为华为开源的首个前端项目,并且孵化自华为云 DevCloud 研发工具体系,它带着很鲜明的个性特征,不管是直观视觉上,还是沉浸式的交互上,或者是流畅的动画上,都与别的组件库不同。例如,DevUI 会提供一些别的组件库可能没有的组件——甘特图、象限图,以及分类搜索、精灵导航等。

▲ 甘特图

▲ 象限图


今年7月,DevUI 负责人侯凡将会出席 GOTC 全球开源技术峰会,并作为「大前端新趋势」分论坛的演讲嘉宾为大家分享构建大规模前端产品的经验和思考。

分享议题:构建可信的大前端工程体系

前端代码规模持续增大、超大型 Web 系统、安全、合规等带来的越来越难的挑战,如何在大规模前端产品交付中,构建标准化、高质高效、安全合规的交付 Web 系统的自动化前端工程体系,满足越来越高的项目要求,并通过研发过程数据可视化指导团队持续改进、持续优化,这是当前业界遇到的问题,此次将会带来 DevUI 的思考。

侯凡

ECMA TC39 成员、开源项目 DevUI 负责人、华为云 PaaS 服务产品部前端架构负责人。曾负责华为数十款旗舰研发产品的前端架构与核心业务的设计、开发工作。主导的 DevUI,是华为第一个前端开源项目。在前端工程化、大型 Web 架构设计、前端性能优化、用户体验等领域有丰富的实践经验。


GOTC,the Global Opensource Technology Conference,全球开源技术峰会。该会议由开源中国社区联合 Linux 基金会发起,邀请 10+ 重量级开源基金会与开源社区深度参与,覆盖 100+ 公司的相关开源经验,涉及优秀开源项目 300+。

组成这场开源盛会的专家主要是开源领域内的知名人物,相关的分享议题也聚焦开源,包括开源的技术、开源的运营与治理、开源的发展趋势、开源技术的实践、开源的商业化等。

此次会议还史无前例地邀请了当今世界几大顶级开源基金会负责人同时参与圆桌,共同讨论开源新生态。

更有 Linux 创始人 Linus Trovalds 将分享 Linux 诞生 30 年以来他的心路历程与开源洞见。

更多信息请查看:https://gotc.oschina.net/

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:DevUI —— 华为云开源的企业级 UI 组件库
加载中
返回顶部
顶部