ABI-DEMO解析第七期:三色大屏模板

800
21

wut 数据老手Lv5

发表于2020-6-6 21:40

楼主
一、页面一览
本次带来的分享是三种色系的大屏应用,来开篇我们先来了解下这三种色彩的应用,以及不同色彩会给人带来什么样的感觉吧~
【金色大屏】
金色当然超级适合听起来就多金的银行、租赁等金融相关行业,不仅给人简约利落的质感,也让人觉得高贵、精致。
金色.png

【蓝色大屏】
蓝色是可视化大屏常用色,常用于公安、互联网、制造等多个行业,属于大众色,无论咋用都没错。既给人科技感,也不乏高雅品位。
蓝色.png

【紫色大屏】
属于胆大的一种颜色,适合打造张扬的大屏,一般应用在新零售、电商、交通等行业,在大屏制作时,需考虑高明度、高饱和度等因素。
紫色.png

注:色彩应用引用【亿信官微】,想要了解更多,请戳这里

二、页面分析
1、整体框架
主题表:全部报表都使用rand()函数产生随机数。
页面结构:固定分辨率,自定义布局

2、模块详解
2.1 金色大屏
此大屏是为金融行业专属打造的,展示企业的资金应用情况。
1)主视觉
通过地图的方式,清晰展现各地,资金投放的情况。并且采用自动切换的方式,动态展示各大省的资金投放的情况。
再加上2个核心指标,当日投放总额、已立项未投放额,展示全国一个大致概览状况。
2)投放比例
通过2个环形图的方式,直观展现资金投放情况的同比、环比,来监测资金投放情况。
3)当日地区排名
通过【光感旋转排名】组件,把资金投放最多的TOP5地区呈现出来。
4)当日资金投放比
通过【环形刻度占比】组件,把投放费用比、逾期率直观的展现出来。
5)投放额&回款额&逾期率趋势
分别通过【面积图】【锥形图】【柱状图】三种不同的形式,呈现指标的波动情况

2.2 蓝色大屏
1)主视觉
突出展示案件数量,然后环饼的形式,清晰的展现各类案件的数量和和占比。
以及参与纠纷人员的数字画像,分别从男女占比,年龄段构成、文化水平构成三个维度进行分析。。
2)湖北省资源统计
通过地图方式展现各地市的情况概览,指标卡的形式展现核心指标。
3)队伍建设情况
通过多系列环形图,展现团队人员在职情况,年龄,文化水准的构成。
4)案件趋势
通过柱状图的形式,情况对比全年的案件数量情况
5)案件类型排名
通过条形图的方式,降序排序。清晰了解湖北省个各地市的案件数量。

2.3 紫色大屏
1)主视觉
通过圆环的形式,展现要粤通宝的总发行量,以及各大客车和货车的占比
2)xx产品的日趋势
通过双系列线状图的形式展现各产品不同版的对比趋势,分析各大产品的销售情况。
3)各渠道受理情况
通过占比图的形式,展现各渠道的受理数量和占比
4)其他
其他模块与上面类似,采用的表现形式与上方一致,不赘述。

三、文件资源
1、报表资源
截图202006062137589573.png
说明:直接在主题集下导入分析表即可。

2、组件资源
在对应酷屏模板模板中,导入组件资源
截图202006062139008295.png

3、文件资源
酷屏三色模板.zip (3.43 MB, 下载次数: 104)