相信许多小伙伴在设计 Power BI 报告的时候是很头疼的,比如我们有这样一份仪表板,它有着我们所需要的一切视觉元素, 但它看起来不是那么的令人满意。
(相关资料图)
在我的工作中也遇到这个问题,我试过很多方法,要么太复杂不易操作,要么不能达到效果。在研究了Power BI 大胡子叔叔(推荐大家参考)的视频再结合BI佐罗老师的《BI真经》课程后,有所感悟,和大家分享一下。
这里仅仅需要五个步骤,可以应用于任何报告,使其看起来更好。
改造前
改造后
完成五个步骤后,我们得到的报告是这样的,可以看到发生了相当大的改变,马上开始我们的设计步骤吧。
part1
「对齐」
我们经常可以看到有些报告没有很好对齐或视觉效果之间的空间不一致,给人一种不和谐的感觉,难以给用户留下深刻的印象。
当我们进行对齐时,我们还必须考虑视觉元素的大小,比如我们中间三个表格高度和宽度不一样,但是它们并没有相差很多,所以我们将它调整为一样的宽度(500 px)和高度(220 px)。
我们只是调整下大小,看起来就比之前好了很多,接下来我们要做的是定位,将它们的位置具体在哪个像素。比如说我们想在两侧留出 140 px,只需将左边视觉对象的水平位置调整为 140,右边视觉对象位置调整为 1280(1920 - 140 - 500)px,然后再将三个视觉对象用对齐的横向分布水平对齐即可。
接着我们按照同样的方法调整页面上所有的视觉对象。
看起来仍不太令人满意,因为每个视觉效果的标题都挤压到了边界,所以我们需要将主视觉效果周围以及视觉效果之间的空间留白。
part2
「留白」
我们可以通过在视觉对象周围插入一个与其背景颜色相同的矩形或其他形状图形。先将插入的图形调整为与视觉对象一样大小。
比如说现在我们想让上下左右都多出 20 px,我们只需要将高度调整为 260 px,宽度调整为 540 px即可。
然后我们现在需要将这个矩形下移一层,我们选中这个图形,然后点击格式 -> 置于底层,然后再次调整它的位置,就会得到这样的效果。
但这不是我们想要的,我们要的可不是一个厚厚的边框。我们只需将它的颜色改为与视觉图像背景颜色一致即可。
我们将添加留白后的视觉对象与没有添加的进行对比。显然,添加留白后的视觉对象不管从可读性、清晰度还是美感方面来说都优于没有添加的。
然后我们将所有的视觉对象进行相同的操作。
part3
「圆角」
现代设计趋势中视觉对象偏于圆润,所以在设计我们的报告时也应该考虑这一因素。我们只需要为每个视觉对象添加一个圆角的视觉边框即可。
看起来是不是比之前更加具有现代风格和简洁,我们只是使用了 Power BI 提供给我们的默认选项,而使用它是非常简单的。
part4
「边框和阴影」
边框和阴影是设计中常用的两种视觉元素,它们在界面和图形设计中起着重要的作用,可以增强元素的可视性、分隔内容以及为设计增添层次感。
而在 Power BI 中添加阴影是非常简单的,只需点击一下即可。
相信很多小伙伴用的是这种开箱即用的阴影,我们也可以稍微调整一下阴影,颜色调整为白色,60% 较深,然后位置调整为自定义,将阴影透明度调整为 85%,甚至 90%。我们只需要一点点阴影,只需要视觉对象与背景有一种层次感即可。
给所有视觉对象添加阴影。
现在我们还没有在任何视觉效果周围添加边框,但是我觉得我们已经不需要边框了。阴影已经让我们的视觉对象与背景产生了层次感,并且边框并不是必需的,少即是多,所以我们这里将边框省略掉。如果有的小伙伴不喜欢阴影,可以选择添加细边框线。但是它不会让视觉对象与背景产生层次感。
在我们进入第五步之前,需要将报告进行微调,去掉题目的边框,换个更好看的背景颜色,然后我们得到了一个这样的报告。
这看起来已经很好了,但我们只需最后一步,就能让它看起来更加高级。
part5
「套模板」
在进入第五步之前,请确保你的报告所有的视觉对象已经不再发生大的变动。
下面这张图片是根据上述报告的大小、排版在 PPT 里面做出来的一个报告背景,我们只需要从 PPT 导出为图片(导出时推荐大家导出为 svg 格式的图片,缩放不损害画质),就可以将它应用于我们的 Power BI 报告中。
设置画布背景之后的报告。
虽然背景看起来很好,但是与我们的视觉对象之间的风格不太匹配,所以我们接下来调整视觉对象的风格。
以卡片图为例,我们先把这些视觉对象的背景关闭,然后将字体调整为白色。
看起来是不是要好很多。但是如果整个报告上的视觉图像都要一个个去更改,那会浪费大量时间,我们可以去自定义一个主题,然后应用于报告,最后我们就会得到下面的报告。
大功告成
本文已经把所有操作的细节描述清楚了,大家赶快去试一下吧。
也就是说:美化五步法 + PPT资源集 是 王道。
那么,现在:
【1】美化五步法,你已经会了。还没有会吗?再看一遍文章,对着操作一遍吧。
【2】PPT 资源集,你可以在网上查找,有很多。我已经建议 BI佐罗 老师安排资源,为大家统一搜集整理。
在这篇文章中已经演示得很清楚
如何快速做出高级感 BI 大屏?读完这篇文章,你会茅塞顿开
现在,我的体会是:
【美化五步法 +PPT资源集】是一套王道,可以快速降低大家学习和制作的门槛。如果要增加分析模型,再将《BI真经》的学习成果融入,那就完美了。
大家可以自己尝试一下,如果你也希望催促BI佐罗老师整理资源,可以在留言区分享下你的作图痛点和图片喜好,多多的留言,这样BI佐罗老师就不好拒绝大家了。
Power BI 终极系列课程《BI真经》
BI真经 - 让数据真正成为你的力量
扫码与精英一起讨论 Power BI,验证码:data2023
点击“阅读原文”进入学习中心
↙