【帆软色彩搭配】报表怎么做都不好看?来看看这一篇文章

楼主
在茫茫人海中,等待骑着沙雕来见我的过儿
       从事FineReport报表开发已经半年多了,打算出套色彩搭配的教程,给大家作为参考
  本期的色彩搭配主要从以下几个点出发
  • 对象为传统报表
  • 色彩搭配技巧
  • 如何设计风格化报表的色彩搭配
  • 字体样式
第一点【传统报表】


       我们在往报表添加数据集后,不做修改,最原始的数据呈现是非常不美观的。
步骤一:添加数据集
步骤二:添加数据
步骤三:预览数据
        步骤三就是直接不加预处理展示出来的效果,那我们如果对数据稍作加工,会有多大的改变呢?往下看
稍加更改,模板图表效果就出来了
       那么问题就来了,我们到底做了哪些改动,简单快捷就可以出一张美观的报表?其中很重要的一环就是我们的第二部分
第二部分【色彩搭配技巧】
       在制作普通报表的时候,色彩的作用主要是在边框和标题的时候使用,其他的话除非是有特殊显示的需求,不然基本上可以不用增加多余的色彩,那么在标题和边框颜色的搭配,我们要哪些选择呢?这里可以直接给大家几款可以直接套用的搭配,后面再给大家讲讲如何根据自己公司的风格来定义与自己公司风格统一的报表。以下是10种不同的风格,大家可以根据自己的喜好来选择。
样式一
效果图
样式二
效果图
样式三
效果图
样式四
效果图
样式五
效果图
样式六
效果图
样式七
效果图
样式八
效果图
样式九
效果图
样式十
效果图
       以上就是给出的10种参考样式,接下来,我们简单的做一个总结,我们在报表中的色彩搭配只需要掌握以下原则,基本上做出来的样式就不会翻车
  • 标题颜色与边框颜色统一
  • 标题颜色选取深色系,边框颜色选取浅色系
      按照这两个原则来设计报表的样式做出来的报表给人的印象就会有统一和别致的感觉,而不是被喷指直男审美,报表做出来只能用不能看啦!
第三步【如何设计风格化的色彩搭配】
         我们这里的风格化的色彩搭配指的就是你的报表符不符合你的公司形象,说到这里大家可能觉得很困惑,但其实这就是不单单站在报表的角度来说了,而是站在整个报表系统来看这个问题了,如果我们的报表每一个报表都风格迥异,色彩跳脱,这对于一个用户来说,会觉得这个报表系统很凌乱,可能拿用户来说,感觉不是很明显,就比如说我现在是一名客户来您公司拜访,参观使用贵公司的各种系统,但是当我打开报表系统的时候却给人一种幼儿园的拼色卡一般,而不是一个整体,其实印象是大打折扣的。
        另外其实这种对于报表开发工程师来说,可做可不做的,其实按道理来说我们只要把用户的需求得以满足就可以了,但是当我们想往上走,以更高的维度来看我们现在的工作的话,那这一步是有必要的。
        好了,我们铺垫了这么多,要如何定制属于自己公司的风格化的系统呢?我们可以从以下角度来确认。
  • 公司定位及行业
  • 公司的LOGO
  • 公司的氛围
【公司定位及行业】
       每一个行业其实都有属于不同行业的色系的,就比如制造业,那给人印象就是自动化工业的科技感和沉稳扎实的灰色,就比如在百度搜索关键词“制造业”,找到下面这张图片,我们就可以拿取色器根据这种图片来定义我们的系统主题色,这种系统主题色素需要贯穿在外我们每一张报表始终的,每一张报表不一定全部都设置这个颜色,但是必须要有使用到这个颜色,定下系统主题色后,不同的报表间才会建立起关联。
【公司的LOGO】
           比如百度搜索“地铁”看到上海地铁的LOGO是红色、黑色和白色,那么我们其实就可以把红色和黑色作为我们系统的主题色,并在报表使用的过程中贯穿这种主题色
【公司的氛围】
            从公司的氛围角度出发来定义系统颜色的话,如果公司的氛围偏向于年轻人,那么色彩就可以明亮显得有活力一些,如果公司是比较稳重风的那就可以考虑使用暗度高一点的色彩,给人以成熟稳重的印象。以下是简单给出的几个例子,每个公司的定位不同,大家可以具体情况具体发挥。
朝气活力
稳重踏实
传统肃穆
       以下是本文设计到的色彩搭配,需要的可以直接保存图片也可以下载附件。
编辑于 2021-2-8 13:10  
分享扩散:

沙发
发表于 2021-2-8 14:58:36
银河吴彦祖表示很赞
板凳
发表于 2021-2-8 15:58:51
跟一波
地板
发表于 2021-2-22 09:53:28

干活分享,很棒!
关注了!
5楼
发表于 2021-2-22 11:02:45
学习学习
6楼
发表于 2021-2-22 11:24:42
是小姐姐的话,我就关注了。哈哈
7楼
发表于 2021-2-22 16:12:13 发布于APP客户端
姑姑优秀呀
8楼
发表于 2021-4-12 11:24:56
666,秀的亚匹!
9楼
发表于 2021-4-12 11:36:04
要是能出个图标的配色,或者驾驶舱的配色建议,就十分的感谢啦!!
10楼
发表于 2021-4-14 16:37:27
前排刘明
11楼
发表于 2021-4-14 16:38:27
到此一游
12楼
发表于 2021-4-16 00:18:04
最近我做的报表,标题栏使用渐变色填充,同色性渐变,效果非常好看,建议尝试一下。
13楼
发表于 2021-4-25 17:47:54
关注。。。
14楼
发表于 2021-4-26 10:11:39
15楼
发表于 2021-4-26 10:12:23
16楼
发表于 2021-6-10 09:01:04
很赞~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

26回帖数 25关注人数 28945浏览人数
最后回复于:2021-6-10 09:01

返回顶部 返回列表