如果你经常接触B端设计,开源组件库是各个绕不开的话题,市场上的组件库林林总总,本次做一个总体介绍,后面有机会再分开详细介绍。
一、最常用的组件库,推出的时间。
自Bootstrap诞生后,B端PC中后台组件库如雨后春笋般的冒出来,各有各的能力。
2011年,Twitter推出Bootstrap;
2015年,Fusion电商中后台组件库发布;
2016年,Element中后台组件库发布;
2016年,iview中后台组件库发布;
2016年,蚂蚁金服Ant Design中后台组件库发布;
2021年,阿里云Xconsole组件库发布;
2021年,字节跳动ArcoDesgin、SemiDesgin中后台组件库发布;
2021年,腾讯TDesgin组件库发布。
其实市面上远不止这些,华为、百度也都有自己的中后台组件库,只不过用处不多,还有很多中小厂商基于这些组件库开发出成型的B端后台,如若依等等。
二、上述组件库的简单介绍
- Bootstrap (2011年):由Twitter推出的前端框架,提供了响应式设计、网格系统、CSS组件等功能,帮助开发者快速构建现代化的网页和Web应用。
- Fusion (2015年):阿里巴巴推出的电商中后台组件库,专注于提供丰富的中后台应用场景所需的组件和模板,包括表格、图表、表单等,以提高开发效率和统一用户体验。
- Element (2016年):饿了么(现已被阿里巴巴收购)推出的中后台组件库,提供了丰富的基础组件和业务组件,适用于中后台管理系统的快速开发。
- iview (2016年):基于Vue.js框架的中后台组件库,提供了一系列易用的UI组件和模板,帮助开发者构建基于Vue.js的中后台应用。
- Ant Design (2016年):由蚂蚁金服推出的中后台组件库,以优雅的设计语言和丰富的组件为特色,适用于企业级中后台应用的快速开发。
- 阿里云Xconsole (2021年):阿里云推出的组件库,专注于为阿里云控制台提供统一的设计语言和丰富的组件,以提高用户体验和开发效率。
- ArcoDesgin、SemiDesgin (2021年):字节跳动推出的中后台组件库,分别提供了Arco和Semi两种设计语言的组件库,旨在帮助开发者快速构建中后台应用。
- TDesgin (2021年):腾讯推出的组件库,为腾讯生态内的中后台应用提供了丰富的组件和模板,以提高开发效率和统一用户体验。
这些组件库都旨在提供丰富的组件、统一的设计语言和良好的用户体验,帮助开发者快速构建现代化的中后台应用。
三、组件库之于B端的意义
组件库对于B端(企业级)设计带来了许多好处,包括但不限于以下几点:
- 统一的设计语言和风格:组件库提供了统一的设计语言和风格,使得企业级应用的UI在整体上更加一致,用户可以更容易地理解和使用不同的功能模块。
- 快速开发和迭代:组件库提供了丰富的基础组件和模板,可以大大加速企业级应用的开发过程。开发人员无需从零开始构建每个组件,而是可以直接使用组件库中的现成组件,减少重复劳动,提高开发效率。
- 良好的用户体验:组件库经过了设计和用户体验的优化,提供了丰富的交互效果和易用的UI组件,可以帮助企业级应用提供更好的用户体验,从而提高用户满意度和粘性。
- 可访问性和可维护性:许多组件库都注重可访问性(Accessibility),可以帮助企业级应用满足残障人士的需求。此外,组件库的统一维护和更新可以降低应用的维护成本,确保应用的稳定性和安全性。
- 响应式设计:许多组件库都提供了响应式的设计和布局,可以适应不同设备和屏幕尺寸,为企业级应用的多平台部署提供了便利。
总的来说,组件库为B端设计带来了更高的开发效率、更好的用户体验、更低的维护成本和更快的迭代更新,有助于企业级应用快速构建和持续优化。