数据可视化 数据可视化看板项目一:(2)搭建组件套- (2)组件套标准化

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

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

标准化内容:

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

2.背景和组件的效果

3.推荐的看板布局

 

组件套的结构和外框结构

数据可视化 数据可视化看板项目一:(2)搭建组件套- (2)组件套标准化

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

下图是另外的三个案例:

数据可视化 数据可视化看板项目一:(2)搭建组件套- (2)组件套标准化

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

数据可视化 数据可视化看板项目一:(2)搭建组件套- (2)组件套标准化

 

背景和组件的效果

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

数据可视化 数据可视化看板项目一:(2)搭建组件套- (2)组件套标准化

数据可视化 数据可视化看板项目一:(2)搭建组件套- (2)组件套标准化

 数据可视化 数据可视化看板项目一:(2)搭建组件套- (2)组件套标准化

 数据可视化 数据可视化看板项目一:(2)搭建组件套- (2)组件套标准化

 

 推荐看板结构

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

下面是几个基础结构:

数据可视化 数据可视化看板项目一:(2)搭建组件套- (2)组件套标准化

 

数据可视化 数据可视化看板项目一:(2)搭建组件套- (2)组件套标准化

数据可视化 数据可视化看板项目一:(2)搭建组件套- (2)组件套标准化

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