Power BI报表设计是科学与艺术的结合,合理的报表设计可以有效地传达数据,让报告引人注目、让信息更加难忘。
报表设计在考虑充分信息展示的前提下,还应考虑对齐、重复、亲密、留白等平面设计原则。需要经过一番思考,精心设计,这样制作出来的报表看起来才会比较专业,具有自己的设计风格。
1.1 结构与布局
Power BI分析报表可以由一页或多页组成,而页面则由报表对象组成。报表对象可以是表示查询结果的数据视觉对象,也可以是图像、背景、形状或文本等装饰素材。可以通过确定页面的数量、顺序和用途来开始设计报表布局。通常情况下,多页报表包含首页,内容页,结束页几个部分,而内容页可以是一页或多页。
1.1.1 首页
首页,也叫封面页,首页可以放置报表的标题、注释等内容。大多首页是为了对多页报表内容有个总的概述,个别报表也可以没有首页,直接展示内容页。
首页的设计与PPT首页设计制作类似,常见的有全图型、半图型。
I 全图型
Power BI全图型封面,以图片填充整个页面,视觉传达直观而强烈。图片上层放置文本说明信息以及导航按钮,给人大方、舒展的感觉。
II 半图型
Power BI半图型封面,常见的有左右分割或上下分割,其中一部分放置图片,另一部分则设置文案。左右分割是最常用的Power BI半图型布局,但需要注意的是当左右两部分形成强弱对比时,容易形成视觉上的不平衡。
1.1.2 内容页
内容页,也就是放置数据的页面,内容页比首页设计要复杂的多。内容页由不止一个可视化对象所组成,很多报告有多个内容页,如何将多个可视化对象、多个页面组合到一起,形成一个整体统一且美观的报告,这就要涉及到报告的很多设计技巧。
I Logo与标题
大多数报告是某家企业的业务指标数据,在每个页面的固定位置添加企业Logo会让报告看起来更专业和统一。但是,Logo在报表中绝对不能太大过于张扬,不能影响显示报告中真正要展示的内容。
II 切片器筛选项
内容页上经常会放置各种维度的切片器筛选项,例如,大多报表页需要对年、季度、月、地区、城市等进行筛选,这样让观众更方便查看数据,如图 10‑5所示。
III 导航菜单
在多页报表中,一般都有导航菜单,用来在页面间跳转,大多数报表页面的导航采用在左侧的纵向菜单或顶端的横向菜单。在设计制作时,每个菜单其实就是个按钮,使用页面跳转的原理,将相应的按钮链接跳转到指定的页面即可。
IV 图表区
图表区是内容页的核心区域,用于将多个图表视觉对象通过不同的布局进行摆放。通常把同类别的数据放在同一个区域,对于观者来说,在浏览时更有逻辑,不会有分裂感。布局时还需要注意对象数量、排列整齐度和页面平衡等,避免页面报表堆积太多,给人压抑。
常用的图表区有双栏式或三栏式布局,也就是整个页面划分成两部分或三部分。
1.1.3 结束页
结束页,在Power BI报表设计中不是必须有的页面。一般可以添加一些报表设计注释内容、作者、版权信息等。
1.2 色彩搭配
在报表设计中,色彩搭配非常重要,和谐的报表色彩不但能够表现出视觉上的美感,也可以让数据更好的呈现。所有的色彩都具备三个基本要素:色相、亮度、饱和度,也称为色彩的三属性,它们是影响设计的重要因素。
1.2.1 色彩三要素
I 色相
色相:色彩的相貌,用于区分不同的颜色,就是各种色彩的名称,如红、黄、绿、蓝等。在图表设计时可以把重要的数据用醒目的色相进行重点突出,其它参考数据用灰色等较弱的色相表示,这样就可以主次分明。
II 亮度
亮度:色彩的明亮程度,越亮越接近白色,越暗越接近黑色。在数据图表的配色中,可以通过色彩的明度表达同一类数据中不同程度的情况。
III 饱和度
饱和度:色彩的鲜艳程度,也称为色彩的纯度或彩度。饱和度最高的颜色被称为纯色,最低的称为灰色,也就是无彩色。色彩的饱和度越低,对比性就越弱。
1.2.2 配色技巧
找到配色的方法与规律,美化报表就变得简单多了。
如果在为企业设计Power BI报表,首先考虑到与企业品牌形象的一致性,使用企业CIS(企业形象识别系统Corporate Identity System)中的主要颜色是必要的。比如:腾讯的深蓝色,阿里的橙色,京东的红色。
从企业的LOGO中提取主色后应用到报表中,是最简便的方法。
不同的颜色给人的感受是不一样的,对于Power BI报表页面使用一种主色搭配色彩是最好驾驭,可适用于绝大多数的企业。使用主色调完整的配色方案,在报表设计的时候可以保持底层风格的统一。
1.3 四大设计原则
平面设计中最难的是配色和排版,同样,报表设计也是如此。在平面设计领域,已经有人总结出了设计的四大基本原则,如果能按照这些原则对报表进行排版设计,便能够避免很多低级的错误,从而做出美观的报表页面。
排版的四大原则分别是:对比,突出视觉重点;对齐,整齐规范;重复,风格统一;亲密:内容关联性。除四大基本原则之外,报表在排版设计时需要注意留白与降噪。
1.3.1 对比
无对比,不设计。对比是呈现出视觉焦点,营造第一视觉。可以让别人“瞟”一眼,从而让关键的信息迅速被捕捉。
1.3.2 对齐
没有对齐就没有美感。对齐体现了报表排版中的几何布局之美,报表页面的上的每个图表元素都应当与页面上另一个元素有某种视觉联系,如边界对齐、等距分布、几何对称等。
1.3.3 重复
重复包含整体报表风格一致和局部布局的重复。这样将报表页面中层级相同的内容,按照某些相同的标准重复出现,可以呈现出元素之间的一致性。
1.3.4 亲密
亲密,是把相互关联、意思相近的元素梳理后归类、分组,也就是调整元素之间的距离。在设计中,当元素之间存在不同的距离时,会产生不同的视觉含义。在视觉上两个元素在空间上的距离越大,给人的感觉是关联性越弱,反之则越强。