【得】PowerBI 报告设计思想 – 主题颜色篇
- 2019 年 10 月 6 日
- 筆記
概述
在此前的多处文章中，我们提到如何统一设置PowerBI中的主题与颜色。那本文将详细介绍这个内容。
目前可以参考的微软官方文档如下： https://docs.microsoft.com/zh-cn/power-bi/desktop-report-themes#importing-report-themes
我们可以看出PowerBI主题的本质是使用Json文件配置的，这对于我们业务人员来说，有些不太自然，因此，微软会进一步优化这个特性，让它更加贴近PPT的使用体验。如下：
https://docs.microsoft.com/en-us/power-platform-release-plan/2019wave2/business-intelligence/office-ribbon-power-bi-desktop
这个功能特性将于2019年12月发布。届时对于主题的使用将更加简单。
效果
切换主题的效果应该是，所有图表的颜色自动切换，而整体显示效果又是合理的。例如：
切换主题后：
甚至：
以及：
再以及：
如果您仔细观察的话，可以发现，就连切换图表的小开关的颜色都是跟随变化的，这种极致的设计是像奢侈品级报告迈进的重要细节。
由分析师纯手工打造每个细节，而这些细节又兼顾了足够的灵活性，这是使用 PowerBI 设计报告的一个境界。如果大量使用自定义可视化，可能无法实现这种统一。因此，我们极度推崇使用 PowerBI 原生视觉对象。
颜色
在 PowerBI 中，颜色配置与主题配置并不是一回事，主题配置是包括颜色配置的，主题配置还报告字体以及各种图形元素的默认配置。本文将主要集中在颜色部分。
首先，我们需要理解你在PowerBI中是如何使用颜色的。
很少有人真正非常仔细地去研究这个颜色的特点，我们将其一一排开，请看仔细：
白色：
黑色：
这两种颜色是雷打不动的，不管你用什么主题，黑白都在那里。
主题色-2：
从第3位开始，才是主题色，而主题色居然是从主题颜色2开始的。一共可以设置 8 种主题颜色。
颜色计划
什么是颜色计划？ 就是在使用任何事物前都要思考好如何使用的计划颜色都不例外。而很多人直接思考了颜色本身，却忽略了功能。
我们在实际使用中其实并不是死板地做出来 8 种主题颜色，这里的最佳实践是这样的。首先我们来看主题色的最大特点：
- 黑白默认包括
- 主题颜色按照颜色自动生成阶梯色
颜色在PowerBI中的功能大致有：
- 给出一个主色
- 给出一个主色辅助色
- 给出一个反差色
- 给出一个反差辅助色
- 给出两个主色的邻近色
- 给出一个好色，表示好，如： KPI的绿灯
- 给出一个坏色，表示坏，如： KPI的红灯
以上颜色是从功能考虑以思考的最佳组合。尤其是好坏色配置，彰显了对细节的极致把握。因此，我们可以实际使用的主题色应该是 6 种，外加 2 种好坏色；而好坏色在不同的主题中应该是固定的，这样在切换主题的时候，
配色法
配色法就是如何根据一种颜色衍生出 8 个颜色的衍生大法。例如某公司的主色是蓝色，如何根据一个明确蓝色（RGB代码）给出一套PowerBI配色。我们这里给出三套配色法方案，在实际应用中见人说人话，见鬼说鬼话，即可。
色轮法
可以在：http://paletton.com/ 免费使用这个在线的色轮工具。（网络不好的可能不能用，但可以自己找类似的应用，有很多）
这里阐述通用的配色大法。 先选择一种主色，再选择单色色轮，即可得到：
这个色彩比较单调，我们刚刚已经阐述了我们的理论，就是为PowerBI生产 6 种多变的主题色加 2 种稳定的好坏色。我们使用色轮的三分色轮+相反色的构造技巧，可以得到：
这个技巧非常凶残，因为它几乎可以瞬间得到：
- 主色（深色）
- 主色辅助色（浅色）
- 相反色（深色）
- 相反色辅助色（浅色）
- 左辅助色
- 右辅助色
而这六种又有着平均的数字间隔，使得它们可以构成尽可能广泛的调色选择。
色轮还直接给出了我们预览，如下：
你根本无需担心你不会配色，因为色轮已经按照纯数字的方法给你了预览，你可以直接将这些内容运用于你的PowerBI报告。 最最神奇的是，这种方案可以直接选出 6 种主题色，非常完美。
拿来法
很多网站已经给出了成熟的配色方案，直接拿来就用吧。 例如：https://www.color-hex.com/color-palettes/ 里面有无数种可用的方案，如下：
选择一个你喜欢的用就可以了。
选调法
这种方案是基于随机方案然后自己再调整的方式，可以使用的应用在： https://coolors.co/ 如下：
只需要按空格键，就可以在不同的颜色选配之间切换，例如：
直到满意某种颜色后，可以锁定它，然后再挑选其他颜色。如下：
对某种颜色只有少许不满意，还可以微调，如下：
太凶恶了。 但是问题来了，一开始的5种初始颜色如何得到比较合理呢？在这个应用中还提供了照片选色，如下：
你可以选择一个你认为协调的颜色，然后自动取色，例如：
这样就完美的得到了想要的颜色。
好坏色
好坏色已经说明，它经常用于设置BI的状态，如：KPI的绿色和红色，这只需要找两种稳定的颜色即可。
主题文件
可以用记事本来修改或创建一个主题文件，如：我的主题.json。打开如下：
{ "name": "theme name", "background": "#FFFFFF", "foreground": "#000000", "tableAccent": "#29073B", "dataColors": [ "#29073B", "#595906", "#956AAD", "#FFFF97", "#033535", "#592B06", "#FC473C", "#408538" ], "visualStyles": { "*": { "*": { "*": [ { "fontSize": 10, "fontFamily": "Consolas" } ], "general": [ { "responsive": false } ] } } } }
其中，
- background – 背景色 白色
- foreground – 前景色 黑色
- tableAccent – 表/矩阵的轮廓 与主色相同
- dataColors – 主题色
- 主色
- 主色辅助
- 反差色
- 反差色辅助
- 左辅助色
- 右辅助色
- 好色（不变）
- 坏色（不变）
这里还附送了对字体的统一设置：
- fontsize – 字号 10
- fontFamily – Consolas 好处是它可以让数字等宽显示，如： 1和9是一样宽的。
- responsive – 响应式开关 关闭，这个手机特性并不实用。
主题色的选取就可以参考上述的方法了。
更换主题
现在最后的问题就是更换主题了，非常简单，只需要：
就可以选择并导入自己的主题了，看看你的报告是否改变了模样。
总结
本文给出了非常具有实战特点的配色方案以及操作规程，包括了：
- 主题颜色原理
- PowerBI 主题颜色的排布规律
- 构建颜色的方法
- 色轮法 – 纯数字推演，我没有艺术细胞，我只是用了数学运算。
- 拿来法 – 找到现成的良好经验。
- 选调法 – 从随机或自然物件中吸取协调的精华。
- 黑白 + 6主题色 + 好坏色 PBI经验全网首发
注意，上述所有步骤都是机械的，根本不需要设计师耗费大量的精力去琢磨好坏。这是什么，这是一套精细的标准。再次重复：商业可视化需要的是标准。好看不好看是纯主观的，不管你认为你做的再合理再科学，都是你认为的，你的客户/老板觉得难吃，他就是要放辣椒，你是告诉他这么吃不健康，客户：老子不吃了。
看看现实世界吧，几乎所有人都知道胡吃海喝不健康，但就是要吃，抽，喝。因此，明明知道不好，但就是做。因为什么，因为习惯。因为人人习惯了饭后一支烟；人人习惯了不醉不归；人人习惯了无肉不欢。习惯是什么？习惯就是一种标准。你无需告诉你的客户吃抽喝不对，你只要帮他在他的体系下让标准更加流畅即可，这才是真实的商业世界。（商业是以逐利为目的的，而不是以好不好为目的，这是基本常识，一定要注意。）
另一方面，没有标准就没有现代工业（为什么全世界的交通灯都是红绿灯，为什么不可以艺术化）。在这方面，请参考我的三篇宏文：
真正的商业图表可视化之道-布道篇 真正的商业图表可视化之道-实践篇 真正的商业数据可视化之道-工具篇
强烈建议详读上述3篇文章：商业图表与图表不同与数据也不同。
这里需要注意的是：也许数据可视化可以没有标准而追求艺术；但商业图表的可视化和数据可视化是两件事：商业图表可视化并不等同于数据可视化。
从本文来看，我们给出了PowerBI中非常实用的主题设计标准流程。我们不管好坏，我们只问我们尊贵的客户一个问题：你最喜欢的颜色或一幅画是？老铁们，你懂的，你知道我在问什么对吧，然后一键生成颜色方案，然后，然后就是转到我们的可视化标准和建模套路去打造你的创造了。
