作爲報表工程師,我們不僅要考慮到報表的實用性,還應該考慮報表的美觀程度,一份高顏值報表,能大大提高用戶的使用體驗~
今天軟妹就來介紹幾個FineReport做報表的美化技巧!
1、報表配色技巧
談到報表美化,配色就是一個繞不過去的話題。不同的色彩被人們賦予了不同的含義,適合用於不同的場合。當我們的報表作品搭配上好看的色彩組合,往往會出現1+1>2的使用效果。
大師兄給大家介紹一些常用的在線配色工具,設計報表時,想要什麼風格都可以隨時參考。
- ColorDrop
這個網站提供了437種扁平化的配色方案,對!就是437種!如果你不怕挑花眼的話,通過這個網站你可以輕鬆的獲取你想要的配色的RGB值與HEX(十六進制形式)值。
- Color Hunt
這個網站提供很簡單直觀的配色方案,這些配色方案並不是一成不變的,也不是由計算機生成的,而是用戶不斷提交的,網站只是負責展示,你可以對喜歡的配色點贊。很有特點的是網站對這些配色方案進行了一些非常有用的分類。按照最新、最熱、最受歡迎、隨機。這樣你就可以輕鬆選出時下最流行的配色。
- CoolHue 2.0
這是個非常輕量的漸變色網站。網站提供了60種常用的漸變色,你不僅可以從網站獲取漸變色的值你還能直接獲得製作好的漸變色的圖片,直接拿來做背景實在是再合適不過了。
2、表格設計技巧
技巧一
表格的線條不要太重,尤其不要用深的豎線,橫線的顏色也要稍微淡一些。
技巧二
報表如果行數較多,行與行間可以用同色調的深淺區分。
技巧三
靈活用表格的邊框,可以得到更好的一些效果,配合突出立體感。(立體感的圖表一般用灰色、淺灰、銀色) 。
3、圖表設計技巧
技巧一
巧用圖表區域的圓角邊框,可以得到不錯的效果;還有圖例的位置,一般高的報表,圖例放到左邊,長的報表,一般放到上邊或者下邊。
技巧二
圖表的背景色很重要,巧妙使用,可以得到不同的效果。背景色裏面,也可以設置間隔或漸變,得到不一般的效果。
技巧三
圖表的佈局很重要,最好規整,有圓的地方,注意要用一下方,有方也要有圓。所有的圖表,在一起不能顯得太凌亂。
4、使用特殊符號美化報表
在製作報表的過程中,我們還可以添加一些小圖標來美化報表,這時候一般都是選擇插入圖片來實現。但是插入圖片容易增加報表內存,而且在滿足不同條件顯示不同圖標的場景下設置比較麻煩。
如何簡單實現插入小圖標呢?可以使用特殊符號來代替圖片。
特殊符號可以直接複製粘貼,在需要插入的地方直接輸入就行。(特殊符號網站)若對於某些特殊符號,不同瀏覽器或者不同版本的設計器無法顯示、亂碼問題,可以採用小圖標來代替。(阿里巴巴矢量圖標庫)
示例
使用工具爲:FineReport
1、準備數據
報表設計如下,A2 單元格輸入公式seq(),設置左父格爲 B2。
2、添加特殊符號
1)A2 單元格添加一個條件屬性,當前值爲 1 時,設置字體大小爲 16 號,字體顏色爲金色。新值爲♚,如下圖所示:
2)同理再给 A2 单元格添加另外两个条件属性。
- 当前值为 2 时,设置字体大小为 16 号,字体颜色为银色,新值为♚
- 当前值为 3 时,设置字体大小为 16 号,字体颜色为铜色,新值为♚
3)参数面板添加默认生成的控件,设置 label 的默认值如下:
4)產品控件選擇爲下拉框,設置下拉框數據字典如下:
3、效果預覽 (點擊下載模板)
可以用FineBI跟着操作一遍,記得更牢靠哦~~~
Fine BI 激活鏈接:
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
文章推薦
◆跟資料打交道的人都得會的這8種資料模型,滿足工作中95%的需求
關注數據君的臉書:
我是「數據分析那些事」。常年分享數據分析乾貨,不定期分享好用的職場技能工具。按贊我的臉書,會有豐富資料包贈送唷!