【線上報表設計】提升報表外觀的15個技巧

曾幾何時，報表僅僅作為資料的表格化（圖表化）呈現，對於其本身的外觀關注的並不是我們最關注的方面，比如下面兩張報表：

以上圖片來自百度搜尋

作為現今顏值第一的準則，資料包表除了完整的表現資料準確真實之外，外觀則是打動觀者的第一要素，以下是15條簡單易行的提升報表外觀的技巧。

小貼士

以下技巧透過中作為示例演示，你也可以

技巧一：表格宜寬不宜窄

要想做出美觀大方的表格，首先一條是不要設計太窄的表格。

要將表格變寬，有兩個辦法：一是增加表格的列數，另一個是拉寬表格列寬。下圖為一個僅有兩列的表格：

拉寬之後，表格將更加勻稱，如下圖：

技巧二：表格線框慎用純黑色

預設的表格框線都是黑色，往往給人生硬的感覺。改用深灰色的框線，視覺效果會更好。

選中表格整行整列或者選中單個或多個單元格，設定邊框樣式，如下圖：

技巧三：合適的文字對齊方式

表格文字的對齊方式包括水平對齊和垂直對齊兩種屬性。

對於長度較短的文字，比如ID、日期、分類名稱等，居中顯示效果會更好。但是請注意：數量、金額類欄位，一般應居右對齊。

垂直對齊方式，如果設定為【頂端對齊】或【底端對齊】，都會比較難看。設定為【垂直居中】則會更美觀。

設定文字對齊方式的選項如下圖：

技巧四：標題加粗並居中

無論對應欄位型別或資料長度如何，表格欄目的標題文字都應居中顯示並加粗。選中表頭的單元格，點選選單欄下方 Ribbon 工具條上的相應按鈕即可設定字型加粗和居中，如下圖：

技巧五：標題行深色背景

表格標題行最好使用較深的背景色（如深藍），同時將文字顏色設定為淺色（如白色）。

選中表頭單元格，設定【背景選項】和【文字字型】中的顏色，如下圖：

技巧六：表格交替行背景色

表格奇偶行交替背景色可有效改善視覺效果。選中整個表格（而不是個別單元格），從【外觀樣式】下拉框中選擇一個含交替行顏色的樣式，如下圖：

表格報表美化效果

技巧七：圖表中的內容慎用黑色

圖表中的內容包括文字和圖形，比如圖表標題、座標軸線。要想圖表好看，所有內容都要儘量避免使用黑色，而應使用深灰色或者其他顏色。

設定圖表中的文字顏色，請先點選工具箱頂部的【元素管理】圖示，展開報表元素樹形目錄，選中其中的【圖表標題】等元素，如下圖：

選中某個元素時，設計器右側的選項列表會根據元素型別動態變化。每個元素可能有多種【顏色】選項，比如背景色、字型顏色、邊框顏色等，如下圖：

將其中的黑色（Black）改為深灰色（DarkGray）。

對於背景色，可將透明色（Transparent）改為淺灰色（如#fafafa）。

技巧八：繪圖區使用網格線背景

柱形圖和條形圖中，如果資料較少，繪圖區可能呈現大片空白，顯得內容不夠豐富。設定X軸和Y軸的網格線，可令圖表線條更為豐富。

先在【元素管理中選中【分類座標軸】或者【資料座標軸Y1】，然後設定【主網格線】的【顯示】為【是】，然後設定適當的【線型】和【顏色】，如下圖：

技巧九：繪圖區設定背景色

將繪圖區設定淡灰色（WhiteSmoke）的背景色，可將繪圖區與座標軸線之外的其他元素區分開來，提升視覺效果。

注意是在【元素管理】中選中【繪圖區域】，而不是選中整個圖表，再設定背景顏色。如下圖：

技巧十：圖形與軸線之間留空

柱形圖或條形圖中，如果第一個柱形緊貼Y軸，不太美觀。對此，可勾選X軸的【邊距】選項，使得第一個柱形與Y軸之間留出空隙。如下圖：

技巧十一：設定X軸標籤文字方向

X軸座標點的標記，往往是類別欄位的值，比如月份、部門名稱等。有時這些欄位值可能比較長，導致多個X軸點的文字疊在一起。透過設定【分類座標軸】標籤文字的【顯示方向】，可解決此問題。如下圖：

技巧十二：設定圖例

圖例可以清楚地說明每一個【系列】所代表的含義。

柱形圖中的系列，是指一個X軸資料點對應的多個Y軸資料。如下圖：

多系列圖表中，圖例可以清楚地說明每一個柱形所代表的含義。上圖中右側的圖例，就是為了說明哪些柱形是銷售額，哪個柱形是搭贈費用。

如果是一個單系列的柱形圖，圖例就失去顯示的意義了。對此可設定圖例不顯示。

設定圖例的方法是：

點選工具箱頂部的【元素管理】圖示，展開圖表的元素。選中【圖例】，如下圖：

對於單系列圖表，將【顯示】設定為【否】；對於多系列圖表，設定【型別】和【位置】使之更美觀。另外，還可以設定圖例的字型、顏色等，使之與圖表其他元素更為協調。

圖表類美化效果

原始圖表

美化後

技巧十三：放棄“宋體”及“黑體”

字型設定，建議一律使用【微軟雅黑】。

技巧十四：配色方案

尤其是在圖表類報表中，主要顏色不要超過3種，顏色搭配可以參考專業的網站，如：

技巧十五：圖表混合式，上下佈局

小貼士

以上技巧透過中作為示例演示，你也可以

關於

賦能開發者！葡萄城公司成立於 1980 年，是全球領先的集開發工具、商業智慧解決方案、管理系統設計工具於一身的軟體和服務提供商。西安葡萄城是其在中國的分支機構，面向全球市場提供軟體研發服務，併為中國企業的資訊化提供國際先進的開發工具、軟體和研發諮詢服務。葡萄城的控制元件和軟體產品在國內外屢獲殊榮，在全球被數十萬家企業、學校和政府機構廣泛應用。