【得】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中非常實用的主題設計標準流程。我們不管好壞，我們只問我們尊貴的客戶一個問題：你最喜歡的顏色或一幅畫是？老鐵們，你懂的，你知道我在問什麼對吧，然後一鍵生成顏色方案，然後，然後就是轉到我們的可視化標準和建模套路去打造你的創造了。

Tags:

VirMach 便宜 VPS