学会这2招,不用设计师,一样能做出精美炫酷的可视化大屏模板

可视化大屏现在已经成为企业进行数据展示和分析的必然手段,然而很多人都被“图表效果很不错,但是堆砌了一堆图表后又觉得效果很丑”这一问题困扰。
在这里插入图片描述

所以今天给大家介绍可视化大屏报表的美化流程:

一、场景规划
本次示例预设场景为:人资分析驾驶舱;风格为:浅色-简约清新风;所要展示指标及展示形式如下:
在这里插入图片描述

二、复用组件
在完成内容梳理后,如何根据规划的风格和展示形式,精准有效的挑选组件并合理排布,亟待解决

大招一:精准选择复用组件

选择直观效果有明显区别的组件,如:蝴蝶图替代“指标卡+条形图”,将纵向轴标签置于中心,体现对称美感;条形图以图片填充替代则效果更丰富美观。
在这里插入图片描述

图表类型不变,注意细节样式优化。如:渐变堆积柱形图在普通柱形图的基础上做了系列色渐变的优化;双轴面积图替代折线图,将两个系列的面积图在纵向上做出明显划分。
在这里插入图片描述

合理替换图表类型,选择特殊图表替代普通图表。如:以堆积柱形雷达图替代柱形图,将横向展示改为环形展示,避免多列柱形图造成视觉效果单调;以半玫瑰图替代饼图,在保证分析占比功能同时将重点数据突出显示。
在这里插入图片描述

动静结合,才是有活力的决策报表。如:用流向地图替代普通点地图,加入动态效果,避免使用者对于静态数据产生视觉疲劳;提示轮播,免去鼠标移动的动作,自动显示数据提示。
在这里插入图片描述

注意视觉平衡,避免整体过于单调或繁琐。如:上述图表的选择都是在效果上做加法,那么为保证整体平衡,可以选择简约的虚线标题,降低直观效果的复杂程度。
在这里插入图片描述

至此,我们完成了组件的选择,各位在实际选择组件的过程中,可以参考上述建议美化自己的决策报表。

大招二:合理规划组件布局

决策报表的布局规划需要结合两个角度:数据分析维度和视觉效果维度。

列举一些常用技巧给各位参考:

(1)数据分析—根据实际业务场景规划

核心业务指标作为整张决策报表的重心内容,可以放置于中心位置;次要指标以核心指标为中心分布四周,同时考虑常规分析习惯,根据指标类型、关联关系及重要程度依次排布。

(2)视觉效果

占据面积较大、具有动态效果的组件一般居中放置;两侧及下方多为各类图表
指标卡形式一般放置在左右两侧的上方位置
“圆形”图表,如:雷达图、饼图等;多放置于两侧居中位置
系列较少的"横向展开图表",如:折线图、柱形图,多放置于两侧的下方位置
系列较多的“横向展开图表”或“横向占面积较大”的条形图,多放置于地图下方
参考上述内容,我们很容易将选择的组件进行如下的排布:
在这里插入图片描述

大屏模板
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

最后,把大屏demo都给大家放出来了,回个“模板”就能获得工具!

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Leo.yuan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值