報表開發小技巧：報表的設計與配色技巧

一、示例工具

報表開發工具FineReport

2. 取色

2.1 設計器裏取色

點擊背景右側的小三角，點擊更多顏色，點擊自定義選項卡，這裏的HSL或者RGB值，就是咱們須要獲得的精確的顏色，以下圖所示。

RGB 是對機器很友好的色彩模式，但並不夠人性化，由於咱們對色彩的認識每每是」什麼顏色？鮮豔不鮮豔？亮仍是暗？」HSL 模式和 HSV(HSB) 都是基於 RGB 的，是做爲一個更方便友好的方法建立出來的。

HSL即色相、飽和度、亮度（Hue, Saturation, Lightness）。HSV即色相、飽和度、明度（Hue, Saturation, Value），又稱HSB，其中B即英語：Brightness。

色相（H）是色彩的基本屬性，就是日常所說的顏色名稱，如紅色、黃色等。

飽和度（S）是指色彩的純度，越高色彩越純，低則逐漸變灰，取0-100%的數值。

明度（V），亮度（L）取0-100%。

注：微軟的Office系列使用的是HSL，而Photoshop等使用的是HSB。帆軟設計器7.11及以前的版本都使用的是HSB，8.0版本使用的是HSL。

2.2 畫圖工具取色

若是你看到很好的表格和配色，能夠用畫圖工具獲得具體顏色值，方法以下：

能夠用鍵盤上的屏幕截圖鍵PRTSC鍵。用法：按了PRTSC鍵以後打開附件裏的系統自帶畫圖工具（固然別的也行，此僅舉例），再按ctrl+v就會出現以下圖所示。

點擊顏色選取器，從圖片中選取要取色的位置，而後點擊編輯顏色，就能夠彈出編輯顏色的菜單，看一下具體的RGU值就是咱們須要的RGB。

2.3 推薦的色彩

注：如下均爲HSB顏色設置。

3.表格

1. 表格的線條不要過重，尤爲不要用深的豎線，橫線的顏色也要稍微淡一些

2. 表頭的顏色要比 表體的顏色顯眼

3. 標題用微軟雅黑和黑體 字體時候，效果會更好，也能夠加粗

4. 表格的數據要對齊，單元格間距適中。對齊的時候，若是有金額數字的對比，最好用右對齊，通常居中對齊多一些

5. 靈活用表格的邊框，能夠獲得更好的一些效果，配合突出立體感。（立體感的圖表通常用灰色、淺灰、銀色）

6. 標題的位置要注意，居中、居左或居右都會有不一樣的效果

7. 歐美風格的報表，通常是灰色、藍色、深紅色 搭配，行與行間多以同色調的深淺區分，通常沒有框線

8. 能夠在表頭添加一些小圖標，效果也不錯的。若是能夠，表頭和表尾均可以添加背景圖片的

下面是一些圖表的例子。

4. 圖表（PC端）

4.1 技巧一

FineReport設計器的圖表，用默認配色（由於色調比較深），因此柱形圖和餅圖最好用「漸變高光」。若是本身配色，能夠選擇 淺淡一些的顏色，不要太亮太扎眼。能夠選擇的顏色有：藍色、灰色、深紅色（不是鮮紅）、橙色、綠色。可是，顏色必定不要亮了。還有，顏色要深淺搭配。

從這個位置，能夠更快的獲得想要的顏色：

a)選擇灰色：選擇S

b)選擇其餘顏色：選擇 L

4.2 技巧二

在設計圖表的時候，最好不要用懸浮元素，由於不少效果出不來。

4.3 技巧三

巧用圖表區域的圓角邊框，能夠獲得不錯的效果。另外，座標軸的樣式，最好選擇內部。還有圖例的位置，通常高的報表，圖例放到左邊，長的報表，通常放到上邊或者下邊。

4.4 技巧四

圖表的背景色很重要，巧妙使用，能夠獲得不一樣的效果。背景色裏面，也能夠設置漸變，獲得不通常的效果。

 

4.5 技巧五

圖表的佈局很重要，最好規整，有圓的地方，注意要用一下方，有方也要有圓。全部的圖表，在一塊兒不能顯得太凌亂。

4.6 技巧六

如今圖表的風格愈來愈趨向於平民化的大色塊，主要是win8的風格了，因此在配色的時候，能夠直接取微軟logo的顏色。

4.7 技巧七

選擇合適的圖表，折線圖、面積圖、柱形圖等，二維的，三維的均可嘗試，重在是互補。美工設計原則，多參照，多看，多注重細節。