组件化设计思维

组件化思维是报表工程师的必备技能之一。如何搭建组件库和设计规范更应该是项目开工前的前瞻性动作。

• 组件库：当报表工程师遇到同一类组件设计场景时，可直接拖拽复用组件，避免生产出新的样式。

                   减少设计和开发的时间成本，又可以增强产出成品的统一性，提升用户体验。

• 设计规范：由报表工程师和视觉工程师配合输出复用组件时的规则。

推荐：帆软组件库

可视化项目制作过程中，如果没有组件化，那么会遇到 5 大问题：维护成本高、效率低、统一性差、复用性差、难以协同

• 维护成本高：不同报表工程师使用了不同的方法制作同一类组件，维护更新的过程需要所有人参与，否则会存在模板更新不及时不同步的问题，从而产生更大的维护成本

• 效率低：报表工程师重复设计相同类型的组件，这个过程会消耗工程师大量的时间，导致设计师工作效率低下

• 统一性差：存在相同组件被重复造新样式的情况，导致统一性差，造成用户的认知成本

• 复用性差：组件之间无法复用，需要不停的制作新样式

• 难以协同：每个报表工程师都有自己设计习惯，协同困难

统一性

• 整个可视化项目的不同模板按照统一规范制作，提升整个数据决策系统工程的视觉交互统一性，减少组件样式差异，提高制作效率

• 避免报表工程师创造新的组件样式。

• 统一样式规则，减少普通用户操作的迷惑感，提升使用体验

高效性

• 使用组件复用插件，由单个报表工程师设计出一套组件和组件规范，其他人直接拖拽组件搭建模板，节约时间，提升工作效率

• 减少制作组件的时间，不需要反复调整组件样式，提高制作效率，将更多的时间放在模板指标设计上

延续性

• 通过设计规范，在以后更新中可以连续迭代，避免断层

• 即使之前负责的报表工程师离开或者新报表工程师加入，通过设计规范和组件库可以快速的接手和进行正常工作

1. 设计出一套组件和规范，以一个典型的组件为例， 对背景、边框、线条、配色等，制定规范内容模板。确定组件的类型，组件的标注，组件的注意事项。详细请参见：几套预定义样式推荐。

2. 形成组件库：按照制定的规范模板，制作并生成组件，形成可复用的组件库，更多组件，请参见：https://market.fanruan.com/reuse