专栏首页用户7220666的专栏大屏可视化的2大配色技巧,选对颜色就成功了一半
原创

大屏可视化的2大配色技巧,选对颜色就成功了一半

色彩是通过人的印象或者联想来产生习理上的影响,而配色的作用就是通过改变空间的舒适程度和环境气氛来满足消费者的各方面的要求。

今天我们来给大家详细解说一下大屏可视化的配色技巧。

1、色彩的三属性

色相是指色彩的相貌,是色彩最大的特征。如我们所说的红色、黄色、蓝色,这些是色彩的相貌,即色相。一般色相环有十二色相环、二十四色相环、四十八色相环、九十六色相环等。

饱和度是指色彩的鲜艳程度,也称色彩的纯度,表示色彩中所含色彩的比例。含有色彩的成分比例越大,纯度就越高,反之,则纯度就越低。

明度表示色彩所具有的亮度和暗度。明亮的颜色明度高,暗淡的颜色明度低。明度最高的颜色是白色,明度最低的颜色是黑色。

具体这三属性对色彩会产生一个什么样的结果,我准备了一张示意图,可以给大家解释一下。

2、色彩的特性

红色给人积极、悦动、温暖的感觉。蓝色给人低静、消极的感觉。绿与紫是中性色彩刺激小,效果介于红与蓝之间。中性色彩使人产生休憩、轻松的情绪。

人对色彩的冷暖感觉基本取决于色调。色系一般分为暖色系、冷色系、中性色系三类。色彩的冷暖效果还需要考虑其他因素。例如,暖色系色彩的饱和度越高,其温暖的特性越明显;而冷色系色彩的亮度越高,其特性越明显。

酷屏是亿信华辰自主研发的新一代数据可视化产品,内置近百种炫酷组件和3D特效,六十余种风格各异的表格、导航、统计图等组件及SVG特效可供用户选择,给用户带来震撼的视觉体验。

酷屏的几大特点:

面积巨大——用户站在远处才能看全内容,所以字体也不能太小。

深色背景——让视觉更好的聚焦。

不可操作——酷屏主要用来给来用户看的。用户一般不会直接操作大屏。

空间局限——酷屏不像网页有滚动条,它的长宽都是固定的。

独立主题——每块酷屏都有具体想表达的某个主题。

话不多说我们上实例来看看,以下图为例。

我们先要提取出酷屏的主要指标与次要指标,然后将主要指标放置在屏幕的中间,然后在一次将次要指标围绕其周围。

然而我们将统计图放上去后发现一个问题,全部都是一个颜色,完全区分不了主次,这时候我们就要对每个统计图及文字来配置颜色了。

根据以下配色方案,我们在加以组合形成渐变在组合配置到对应图形中去。这样我们一个酷屏配色就完成了。

应使用色彩明度与饱和度差异显著、对比鲜明的配色,尽量避免使用邻近色配色。当然如果颜色过于相似(例如浅灰与更浅的灰)也要避免,因为人们难以发现两者间的区别。相反,也要避免强烈的对比色,例如红配绿或蓝配黄。

当然配色也不是千篇一律的五色花海,如下面案例我们也可以用单一色系来配置这是利用了单一色系的明暗关系来实现的,是不是看了你也想跃跃欲试的来试一把了,下期我们在说。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 5年实现400倍业绩增长的企业数据秘诀,这五个知识点千万记牢了

    当管理者掌握整个公司的数据之后,下达的政令就立马传达到每一个人员手中。大脑动一动,你的手指头立马能感应到,就像打通任督二脉。在大数据时代,如何让数据帮助企业做出...

    用户7220666
  • 想做数据分析,看看这款开放了上千个API接口的BI工具

    众所周知,API就是接口、通道,负责一个程序和其他软件的沟通,本质是预先定义的函数。

    用户7220666
  • 用幻灯片来汇报数据分析结果,导入导出功能是亮点

    已经给大家介绍过了非常多的分析数据、观察数据和探索数据的操作和手段,今天就给大家详细介绍一个用于汇报展示数据分析结果的功能操作——幻灯片,以前大家接触的都是WP...

    用户7220666
  • 【赶紧收藏】22款设计师必备色彩工具,轻松打造别样的“视觉诱惑”

    色彩,作为网页或App设计的重要视觉元素之一,不仅能够帮助UI/UX设计师有效地展示和突出界面或产品相关信息和功能, 而且还能够轻松自然的流露和传达设计师相应情...

    奔跑的小鹿
  • 外行学 Python 爬虫 第五篇 数据存储

    前面一至四篇我们学习了如何使用 python 来获取网页并将网页中的有效数据解析出来,当获取到有效数据以后,不可能将数据放在内存中,一旦系统出现问题辛辛苦苦获取...

    keinYe
  • AI综述专栏 | 步态识别的深度学习综述

    在科学研究中,从方法论上来讲,都应先见森林,再见树木。当前,人工智能科技迅猛发展,万木争荣,更应系统梳理脉络。为此,我们特别精选国内外优秀的综述论文,开辟“综述...

    马上科普尚尚
  • SocketServer 源码分析

    RequestHandlerClass 注册 handle 函数。 finish_request 中实例化,调用用户定义的 handle 函数

    py3study
  • go-nsq 使用

    首先就是一个生产者消费者的模式,自己创建的消费者只要有HandleMessage方法就可以

    solate
  • 三、scrapy后续 LinkExtractorsrules Logging发送POST请求内置设置参考手册

    CrawlSpiders 通过下面的命令可以快速创建 CrawlSpider模板 的代码: scrapy genspider -t crawl tencent ...

    酱紫安
  • Stanford NLP 解读 ACL 2018 论文——用于调试 NLP 模型的语义等价对立规则

    AI 科技评论按:近日,斯坦福自然语言处理小组发布了一篇博文,重点讨论了由 Ribeiro、Marco Tulio、Sameer Singh 和 Carlos ...

    AI科技评论

扫码关注云+社区

领取腾讯云代金券