B端产品的形态结构、组织架构十分庞大和复杂，多平台、多业务的支持导致很多场景下很多组件样式无法满足需求，影响产品的可用性效果，因此搭建符合自身B端产品平台的组件库的诉求迫在眉睫。

B端UI Kit的搭建，在第一阶段我们共有10多位设计师与3位前端技术，共花费了3个半月的时间，搭建完成了可以满足B端平台80%以上设计需求的基础组件库，经过大家共同的推广和使用，现在已经有30多个商业产品平台接入了。组件库不会因为设计的交付而停滞，后续会根据我们的产品升级与功能迭代不断同步更新。

__________________

组件的意义

**对前端：**解决在同一品牌下不同平台产品之间的一致性问题；减少相同业务、系统的重构建设，降低研发成本，加快产品的创建过程和迭代效率；

**对产品：**统一的样式有利于品牌内容的对外输出，建立组件库能够有效提升产品优化迭代效率，便于各个项目的复用性和延展性；

**对设计：**能够有效规范团队的输出，提升设计效果；规范化的组件内容，有利于提升设计走查的统一性与严谨性；

**对团队：**组件库的应用与不断迭代更新，便于团队内设计师之间的项目交接，保证设计质量；便于上下游工作的协同效果，提升全平台的一致性；

**对客户：**统一的组件库在各平台的应用，保证客户在各平台下一致的操作体验，便于用户操作效率的提升，同时有利于强化品牌认知与效果。

在制作组件的过程中，我们也深入挖掘了一些基础组件的使用方法。将分为几篇文章和大家分享。这篇文章主要探讨表单的使用。

表单篇

对于大部分B端用户而言，表单是最为常见的一种信息展示方式，不论是在信息的录入、流转、互动还是展示上都是至关重要的载体。在商业产品应用的平台上，表单使用场景可以粗略的归为3大类：数据录入、数据校验反馈、数据展示。

我们主要从设计原则、表单组成和最佳实践三个部分来探讨表单相关的问题，寻找让表单设计更易用的方法。