数据可视化 数据可视化看板项目一：（2）搭建组件套- （2）组件套标准化

前篇：数据可视化 数据可视化看板项目一：（2）搭建组件套- （1）基础说明

为了方便后期的设计标准化，要对可视化的组件套进行一个设计的标准化。

标准化内容：

1.组件套的结构和外框结构

2.背景和组件的效果

3.推荐的看板布局

 

组件套的结构和外框结构

 对于每个组件套，要进行统一的编号，如上图的SK-001,SK-002。 同时每个组件套的结构款式需要进行标准化，例如SK-0001中，分为上，中，下，顾客后期如果不需要男女的消费数量，要求更改为男女百分比，那么业务人员就可以直接发个工单过来。描述为：SK-0001 结构中下部分的指标改为男女百分比。

下图是另外的三个案例：

 当然也要考虑到对应的组件套的背景色和框框的设计。下面是对应的组件外框的编号和款试. 个人建议，实际的设计和交付过程中最好让UI也参与，以提高整体画面效果。同时更多的款式，可以让UI制作，然后上传到云端。

 

背景和组件的效果

同上面的介绍类似，组件套的制作中还要考虑到整体的背景色和风格。不然很有可能会出现画蛇添足或者严重不搭调的结果。

 

 

 

 推荐看板结构

对于不同的业务排版会有不同需求，但是在该项目中，需要将板结构固定为几种，给客户选择。当板结构固固定话后，那么组件套的长短设计才会合理化。当然，这不意味着就一层不变。

下面是几个基础结构：

 

注意：无论是背景款，结构款还是组件套，都要进行对应的编码。看上去前期很繁琐，但是在后期的WIKI维护，定制化设计，市场推广中会起到事半功倍的作用。