數(shù)據(jù)可視化報表設(shè)計高級知識

Power BI報表設(shè)計是科學與藝術(shù)的結(jié)合，合理的報表設(shè)計可以有效地傳達數(shù)據(jù)，讓報告引人注目、讓信息更加難忘。

報表設(shè)計在考慮充分信息展示的前提下，還應(yīng)考慮對齊、重復、親密、留白等平面設(shè)計原則。需要經(jīng)過一番思考，精心設(shè)計，這樣制作出來的報表看起來才會比較專業(yè)，具有自己的設(shè)計風格。

1.1 結(jié)構(gòu)與布局

Power BI分析報表可以由一頁或多頁組成，而頁面則由報表對象組成。報表對象可以是表示查詢結(jié)果的數(shù)據(jù)視覺對象，也可以是圖像、背景、形狀或文本等裝飾素材?？梢酝ㄟ^確定頁面的數(shù)量、順序和用途來開始設(shè)計報表布局。通常情況下，多頁報表包含首頁，內(nèi)容頁，結(jié)束頁幾個部分，而內(nèi)容頁可以是一頁或多頁。

1.1.1 首頁

首頁，也叫封面頁，首頁可以放置報表的標題、注釋等內(nèi)容。大多首頁是為了對多頁報表內(nèi)容有個總的概述，個別報表也可以沒有首頁，直接展示內(nèi)容頁。

首頁的設(shè)計與PPT首頁設(shè)計制作類似，常見的有全圖型、半圖型。

I 全圖型

Power BI全圖型封面，以圖片填充整個頁面，視覺傳達直觀而強烈。圖片上層放置文本說明信息以及導航按鈕，給人大方、舒展的感覺。

II 半圖型

Power BI半圖型封面，常見的有左右分割或上下分割，其中一部分放置圖片，另一部分則設(shè)置文案。左右分割是最常用的Power BI半圖型布局，但需要注意的是當左右兩部分形成強弱對比時，容易形成視覺上的不平衡。

1.1.2 內(nèi)容頁

內(nèi)容頁，也就是放置數(shù)據(jù)的頁面，內(nèi)容頁比首頁設(shè)計要復雜的多。內(nèi)容頁由不止一個可視化對象所組成，很多報告有多個內(nèi)容頁，如何將多個可視化對象、多個頁面組合到一起，形成一個整體統(tǒng)一且美觀的報告，這就要涉及到報告的很多設(shè)計技巧。

I Logo與標題

大多數(shù)報告是某家企業(yè)的業(yè)務(wù)指標數(shù)據(jù)，在每個頁面的固定位置添加企業(yè)Logo會讓報告看起來更專業(yè)和統(tǒng)一。但是，Logo在報表中絕對不能太大過于張揚，不能影響顯示報告中真正要展示的內(nèi)容。

II 切片器篩選項

內(nèi)容頁上經(jīng)常會放置各種維度的切片器篩選項，例如，大多報表頁需要對年、季度、月、地區(qū)、城市等進行篩選，這樣讓觀眾更方便查看數(shù)據(jù)，如圖 10?5所示。

III 導航菜單

在多頁報表中，一般都有導航菜單，用來在頁面間跳轉(zhuǎn)，大多數(shù)報表頁面的導航采用在左側(cè)的縱向菜單或頂端的橫向菜單。在設(shè)計制作時，每個菜單其實就是個按鈕，使用頁面跳轉(zhuǎn)的原理，將相應(yīng)的按鈕鏈接跳轉(zhuǎn)到指定的頁面即可。

IV 圖表區(qū)

圖表區(qū)是內(nèi)容頁的核心區(qū)域，用于將多個圖表視覺對象通過不同的布局進行擺放。通常把同類別的數(shù)據(jù)放在同一個區(qū)域，對于觀者來說，在瀏覽時更有邏輯，不會有分裂感。布局時還需要注意對象數(shù)量、排列整齊度和頁面平衡等，避免頁面報表堆積太多，給人壓抑。

常用的圖表區(qū)有雙欄式或三欄式布局，也就是整個頁面劃分成兩部分或三部分。

1.1.3 結(jié)束頁

結(jié)束頁，在Power BI報表設(shè)計中不是必須有的頁面。一般可以添加一些報表設(shè)計注釋內(nèi)容、作者、版權(quán)信息等。

1.2 色彩搭配

在報表設(shè)計中，色彩搭配非常重要，和諧的報表色彩不但能夠表現(xiàn)出視覺上的美感，也可以讓數(shù)據(jù)更好的呈現(xiàn)。所有的色彩都具備三個基本要素：色相、亮度、飽和度，也稱為色彩的三屬性，它們是影響設(shè)計的重要因素。

1.2.1 色彩三要素

I?色相

色相：色彩的相貌，用于區(qū)分不同的顏色，就是各種色彩的名稱，如紅、黃、綠、藍等。在圖表設(shè)計時可以把重要的數(shù)據(jù)用醒目的色相進行重點突出，其它參考數(shù)據(jù)用灰色等較弱的色相表示，這樣就可以主次分明。

II 亮度

亮度：色彩的明亮程度，越亮越接近白色，越暗越接近黑色。在數(shù)據(jù)圖表的配色中，可以通過色彩的明度表達同一類數(shù)據(jù)中不同程度的情況。

III 飽和度

飽和度：色彩的鮮艷程度，也稱為色彩的純度或彩度。飽和度最高的顏色被稱為純色，最低的稱為灰色，也就是無彩色。色彩的飽和度越低，對比性就越弱。

1.2.2 配色技巧

找到配色的方法與規(guī)律，美化報表就變得簡單多了。

如果在為企業(yè)設(shè)計Power BI報表，首先考慮到與企業(yè)品牌形象的一致性，使用企業(yè)CIS（企業(yè)形象識別系統(tǒng)Corporate Identity System）中的主要顏色是必要的。比如：騰訊的深藍色，阿里的橙色，京東的紅色。

從企業(yè)的LOGO中提取主色后應(yīng)用到報表中，是最簡便的方法。

不同的顏色給人的感受是不一樣的，對于Power BI報表頁面使用一種主色搭配色彩是最好駕馭，可適用于絕大多數(shù)的企業(yè)。使用主色調(diào)完整的配色方案，在報表設(shè)計的時候可以保持底層風格的統(tǒng)一。

1.3 四大設(shè)計原則

平面設(shè)計中最難的是配色和排版，同樣，報表設(shè)計也是如此。在平面設(shè)計領(lǐng)域，已經(jīng)有人總結(jié)出了設(shè)計的四大基本原則，如果能按照這些原則對報表進行排版設(shè)計，便能夠避免很多低級的錯誤，從而做出美觀的報表頁面。

排版的四大原則分別是：對比，突出視覺重點；對齊，整齊規(guī)范；重復，風格統(tǒng)一；親密：內(nèi)容關(guān)聯(lián)性。除四大基本原則之外，報表在排版設(shè)計時需要注意留白與降噪。

1.3.1 對比

無對比，不設(shè)計。對比是呈現(xiàn)出視覺焦點，營造第一視覺。可以讓別人“瞟”一眼，從而讓關(guān)鍵的信息迅速被捕捉。

1.3.2 對齊

沒有對齊就沒有美感。對齊體現(xiàn)了報表排版中的幾何布局之美，報表頁面的上的每個圖表元素都應(yīng)當與頁面上另一個元素有某種視覺聯(lián)系，如邊界對齊、等距分布、幾何對稱等。

1.3.3 重復

重復包含整體報表風格一致和局部布局的重復。這樣將報表頁面中層級相同的內(nèi)容，按照某些相同的標準重復出現(xiàn)，可以呈現(xiàn)出元素之間的一致性。

1.3.4 親密

親密，是把相互關(guān)聯(lián)、意思相近的元素梳理后歸類、分組，也就是調(diào)整元素之間的距離。在設(shè)計中，當元素之間存在不同的距離時，會產(chǎn)生不同的視覺含義。在視覺上兩個元素在空間上的距離越大，給人的感覺是關(guān)聯(lián)性越弱，反之則越強。

趙保恒老師的其它課程