作为报表工程师,我们不仅要考虑到报表的实用性,还应该考虑报表的美观程度,一份高颜值报表,能大大提高用户的使用体验~
今天大师兄就来介绍几个FineReport做报表的美化技巧!
1、报表配色技巧
谈到报表美化,配色就是一个绕不过去的话题。不同的色彩被人们赋予了不同的含义,适合用于不同的场合。当我们的报表作品搭配上好看的色彩组合,往往会出现1+1>2的使用效果。
大师兄给大家介绍一些常用的在线配色工具,设计报表时,想要什么风格都可以随时参考。
ColorDrop
这个网站提供了437种扁平化的配色方案,对!就是437种!如果你不怕挑花眼的话,通过这个网站你可以轻松的获取你想要的配色的RGB值与HEX(十六进制形式)值。
Color Hunt
这个网站提供很简单直观的配色方案,这些配色方案并不是一成不变的,也不是由计算机生成的,而是用户不断提交的,网站只是负责展示,你可以对喜欢的配色点赞。
很有特点的是网站对这些配色方案进行了一些非常有用的分类。按照最新、最热、最受欢迎、随机。这样你就可以轻松选出时下最流行的配色。
CoolHue
这是个非常轻量的渐变色网站。网站提供了60种常用的渐变色,你不仅可以从网站获取渐变色的值你还能直接获得制作好的渐变色的图片,直接拿来做背景实在是再合适不过了。
2、表格设计技巧
技巧一
表格的线条不要太重,尤其不要用深的竖线,横线的颜色也要稍微淡一些。
技巧二
报表如果行数较多,行与行间可以用同色调的深浅区分。
技巧三
灵活用表格的边框,可以得到更好的一些效果,配合突出立体感。(立体感的图表一般用灰色、浅灰、银色) 。
3、图表设计技巧
技巧一
巧用图表区域的圆角边框,可以得到不错的效果;还有图例的位置,一般高的报表,图例放到左边,长的报表,一般放到上边或者下边。
技巧二
图表的背景色很重要,巧妙使用,可以得到不同的效果。背景色里面,也可以设置间隔或渐变,得到不一般的效果。
技巧三
图表的布局很重要,最好规整,有圆的地方,注意要用一下方,有方也要有圆。所有的图表,在一起不能显得太凌乱。
4、使用特殊符号美化报表
在制作报表的过程中,我们还可以添加一些小图标来美化报表,这时候一般都是选择插入图片来实现。但是插入图片容易增加报表内存,而且在满足不同条件显示不同图标的场景下设置比较麻烦。
如何简单实现插入小图标呢?可以使用特殊符号来代替图片。
特殊符号可以直接复制粘贴,在需要插入的地方直接输入就行。(特殊符号网站)
若对于某些特殊符号,不同浏览器或者不同版本的设计器无法显示、乱码问题,可以采用小图标来代替。(阿里巴巴矢量图标库)
示例
1、准备数据
报表设计如下,A2 单元格输入公式seq(),设置左父格为 B2。
2、添加特殊符号
1)A2 单元格添加一个条件属性,当前值为 1 时,设置字体大小为 16 号,字体颜色为金色。新值为♚,如下图所示:
2)同理再给 A2 单元格添加另外两个条件属性。
当前值为 2 时,设置字体大小为 16 号,字体颜色为银色,新值为♚
当前值为 3 时,设置字体大小为 16 号,字体颜色为铜色,新值为♚
3)参数面板添加默认生成的控件,设置 label 的默认值如下:
4)产品控件选择为下拉框,设置下拉框数据字典如下:
3、效果预览(点击下载模板)