WPS交互數據看板（壹）

數據看板通過運用各種圖表，將多種指標清晰、透明地呈現出來，以幫助決策者在理性的基礎上更加直觀、科學地做出決策。數據可視化展示畫板顏色多采用深色的科技風，圖表的排列則多呈現矩陣型結構，下面是壹些示例看板，我們先欣賞壹下~

有了優秀的作品作為參考，我們就可以從 配色、排版、字體風格 等方面對作品進行拆解，以設計出自己需要的數據看板啦。比如，通過上述的作品，我們就能總結出如下兩個數據看板的特征:

下面，我們就開始實現自己的數據看板布局吧。

在 WPS 表格操作技巧連載文章中，通過人事信息表、員工編制表以及工資表，小魚已經完成了數據總表的設計：

接下來，小魚將完成最後壹部分 HR 可視化數據看板 的制作，點擊上方目錄中的最後壹項，將工作表跳轉到 HR 可視化數據看板。

去掉視圖中的勾選項，點擊任壹單元格，按 Ctl+A 選中全部單元格，再按 Ctrl+1 調出單元格格式設置窗口。

將單元格底紋顏色設置為 RGB 0,49,95。接下來，將如下的標題欄素材拷貝到工作表上方，按住 Shift+ 鼠標左鍵調整圖形大小。

錄入數據看板標題：

下面是標題欄的最後壹項工作：在標題欄的兩側加入導航菜單，起到美化作用的同時，還可以實現不同工作表的跳轉。

回到我們之前制作完成的超鏈接目錄，按 Ctrl 鍵依次點選前 4 個項目，復制黏貼到看板頁。並將顏色填充設置為無填充，字體顏色為白色。

接下來將復制過來的超鏈接形狀移動到標題欄的兩側：

最後，再次選中所有超鏈接菜單，利用頂端對齊，使它們位於同壹水平線上。

至此，標題欄的部分就完成了。點擊標題欄中的文字，即可實現跳轉。

完成標題欄的設計，就可以開始我們的矩陣布局了。點擊菜單欄上的插入形狀，選擇剪去單角的矩形：

拖拉鼠標左鍵，在左上方區域繪制壹個缺少壹角的矩形。右鍵形狀，選擇設置對象格式，將填充設置為漸變填充。

將漸變光圈中間的兩個光圈按 Delete 鍵刪除：

選中最右側光圈，將光圈 2 的色標顏色設置為道奇藍，著色1 ：

繼續設置光圈 2 的透明度為 86% ：

選擇左側光圈，漸變樣式選擇路徑漸變，顏色選擇道奇藍，著色1 ，和右側光圈顏色壹致。位置設置到 85% ，透明度為100%。

完成填充的設置之後，我們將填充部分折疊起來，可以看到下方緊接著有壹個線條，將其展開。同樣，我們將線條角度中間的兩個光圈刪除掉。

將左右兩側的光圈色標顏色均設置為道奇藍，著色1 ：

右側光圈的透明度設置為 100% ：

接下來，點擊效果，設置發光。發光選項中的顏色設置為道奇藍，著色1 ，大小設置為 111磅，透明度為 96% 。

下面就是我們最終的形狀效果啦，漸變顏色填充，邊緣微微發光，是不是很有科技感？

接下來，就是重復生成的過程了。選中形狀， Ctrl+Shift+ 鼠標左鍵向右拖動，即可復制出壹個壹模壹樣的形狀。

點擊繪圖工具下的旋轉菜單，點擊水平翻轉：

水平翻轉之後則可得到兩個縱向對稱的形狀。

接下來，在中間再繪制壹個矩形：

這個時候， 註意我們不需要重復設置壹遍漸變填充和線條。 選中左側科技感的形狀，點擊開始菜單欄下的格式刷：

然後緊接著點擊壹下我們剛剛繪制的矩形，就可以將科技感的風格應用到當前形狀中：

最後，通過 Ctrl+Shift+ 鼠標左鍵、對齊工具等完成剩余矩形的繪制即可。

在下壹篇文章中，小魚就可與將各式各樣的統計圖表放到上述矩形中，制作最終的交互式數據看板啦~我們下節見。