历史版本5 :组件化设计思维 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1、概述编辑

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

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

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

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


推荐:帆软组件库

2、没有组件化遇到的问题编辑

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

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

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

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

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

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

3、组件化的优点编辑

统一性

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

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

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

高效性

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

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

延续性

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

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

4、组件化的最佳实践编辑

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

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