大屏可视化色彩设计基本知识

5 篇文章 0 订阅
订阅专栏

一、基本概念:

彩色可以用三组特征值来确定:

(一))色相,也就是彩调;色彩可呈现出来的质地面貌。色相由原色、间色和复色构成。

1.原色

是指不能通过其他颜色的混合调配而得出的“基本色”。在光学中,叠加型的三原色是RGB(红绿蓝,又称三基色,用于电视机、投影仪等通过直射光进入眼睛的显示设备。因为人的眼球内部有椎状体,能够感受到红光、绿光与蓝光;眼球中的椎状体并非对RGB三色的感受度最强,但是肉眼的椎状体对于这三种光线频率所能感受的带宽最大);而消减型的三原色是CMY(K)( 青、洋红、黄 (黑)。用于书本、杂志等的印刷,通过反射光进入眼睛。 受限于颜料和印刷系统的因素,混合青、洋红、黄并无法完全吸收掉所有的光波,实际上还必须加上一个黑色才能完成,所以就产生了 CMYK 里面的 K 元素)。

在美术中,原色是红、黄、蓝。

  1. 间色 两种原色配合成的颜色,如红和黄配合成的橙色,黄和蓝配合成的绿色。

  2. 复色 (Tertiary Colors) 指用任何两个间色或三个原色相混合而产生出来的颜色,也被称为次色。

    自然界中各个不同的色相是无限丰富的。人的眼睛可以 分辨出约180种不同色相的颜色。最初的基本色相为:红、黄、绿、蓝、紫。

以下为十二色环\十二基本色相:

(二)明度

也就是亮度、表示明暗。

(三)饱和度

也就是纯度、彩度、色强。

明度和色相确定的色状态称为色调。

关于配色的知识,可参见:终极配色手册 终极配色手册_w3cschool

二、可视化大屏的颜色搭配原则与常见方案

(一)可视化大屏的颜色搭配原则

过多的颜色会分散用户注意力,从而失去视觉重心。大屏可视化报表的颜色搭配一般需遵循以下两点:

1、对于占据较大面积的大屏元素,其使用色系不超过三种。

2、背景色常以蓝色、黑色为主,也可使用色彩比较强烈的颜色。

(二)可视化大屏的颜色搭配方案

1.单色搭配:改变同一色相通过不同纯度产生层次感

例子:可视化大屏20

2.类比色搭配:十二色相环中的位置相近的2~4个色相,如红色和橙红色,黄色和橙黄色的搭配。

例子:可视化大屏25

3.互补色搭配:色环180度相对的2种颜色搭配。

例子:可视化大屏15

用蓝色与橙色搭配。

可视化大屏/17 地图颜色参考

4.分裂补色搭配(多用):类比色+互补色搭配。如红色和绿色是互补色,绿色和蓝色是相似色,红+绿+蓝的搭配就是分裂补色。

例子:可视化大屏26

5.冷暖色搭配

十二色环黄色到红色的顺时针方向为暖色,逆时针方向为冷色。

6.三角搭配:即在色环中成等边三角形或等腰三角形的三个色相搭配在一起时的配色,最典型的就是三原色红黄蓝。

7.四角搭配

选定一个主色相和其补色后,再选主色相隔一个位置的颜色作为第三个颜色,再选第三个颜色的补色,即形成一个矩形,为四角配色,常见的有红、黄、蓝、绿及红、橙、黄、绿、蓝、紫等色。

例子:可视化大屏22

一招搞定小白最头疼的数据大屏配色问题!
XiaoBei_BI的博客
12-30 621
颜色是构建信息仪表板和数据可视化的重要表现形式。在社会生活环境和自然生活环境中,颜色可能表示危险,警示,引诱和其他状态。在数据大屏设计中,色彩的搭配使用也占据着举足轻重的地位。在使用 DataEase 开源免费的数据可视化工具做大屏的时候,关于数据大屏的配色问题也是小伙伴们问我最多的问题,也是大家最头疼的的问题。
大数据可视化展板通用模板
05-25
大数据,可视化,地图,炫酷,展板通用模板
高大上可视化界面(02):美观性如何界定,如何攻克?
最新发布
2401_82881178的博客
09-19 992
本期分享可视化大屏美观性的相关话题,并配备如果精美作品图,希望大家喜欢。
怎么画色彩?画色彩的方法技巧是什么?
tukewang的博客
12-11 401
本文由“学美术上美术集网校”原创,图片素材来自网络,仅供学习分享 怎么画色彩?画色彩的方法技巧是什么?很多人在学习绘画的途中,首先学习的素描基础,然后就是结构、动态、色彩、创作.....然而最让大家头疼的就是上色,有的不会配色、有的不懂色、有的色感太差、有的乱涂....色彩是学习绘画必须要过的一道坎! 色彩的构成:通常初学者在色彩问题上总是望而却步,要么只敢画素描,不敢画色彩; 要么只会各种各样颜色全部一块画上去,这样的结果肯定是惨不忍睹的,似乎永远找不到色彩的正确使用方法。 色彩的调性:这个
Qt/C++编写可视化大屏电子看板系统2-配色方案
热门推荐
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
05-13 1万+
一、前言 做完整个数据可视化大屏界面电子看板系统后,为了提升点逼格,需要提供好几套默认的风格样式以供选择,这样用户可以选择自己喜欢的配色方案来作为整个系统的颜色方案,去看了下市面上大部分的大屏电子看板系统,都是以蓝色为主,部分黑色,估计也许这就是大众的审美吧,那就在数据可视化大屏界面电子看板系统中也加入蓝色风格、深蓝色风格、黑色风格,三种,加上默认的紫色风格,共计内置4套风格选择,Qt的QSS是我...
修改可视化大屏背景色
m0_57210162的博客
12-06 3120
在pyecharts制作可视化大屏后,可以使用bs4库对可视化大屏进行背景色等参数进行修改 from bs4 import BeautifulSoup import os with open(os.path.join(os.path.abspath("."), "new_page_demo.html"), 'r+', encoding="utf8") as html: html_bf = BeautifulSoup(html, "lxml") divs = html_bf.find_a.
为什么我们看到的DataFocus可视化大屏都是深蓝色的?
qq_34573534的博客
11-27 2174
不光是DataFocus的可视化大屏,几乎我们看到的大部分的可视化大屏都是深蓝色的。当然,这里不是说深蓝色就是标准要求。大屏的颜色演变成深蓝色,是有历史原因的。首先,因为数据可视化大屏是现代科技的产物,而大量与科技元素相关的东西都和深蓝色相关,比如深邃的太空,宇宙探索,甚至IBM的第一代击败人类国际象棋选手的人工智能也叫深蓝。其次,蓝色是一种比较和谐的颜色,相比红色、黄色等亮色来说,他不伤眼睛,...
20套-2022-精选数据大屏可视化设计PSD源文件 g.zip
03-10
数据大屏可视化设计是当前信息技术领域中的一个重要方向,它结合了设计艺术与数据分析技术,将复杂的数据以直观、美观的方式呈现出来,便于决策者理解和利用。"20套-2022-精选数据大屏可视化设计PSD源文件 g.zip" 是...
大屏可视化最全源代码-美工和数据分析人员必学
02-24
掌握大屏可视化的源代码,对于美工和数据分析人员来说,意味着能够自定义设计、调整和优化数据展示效果。这不仅能够提高工作效率,还能确保可视化结果与品牌风格保持一致,满足特定的业务需求。 三、关键知识点 1. ...
常见可视化大屏模板设计图32个.zip
12-02
下面将详细探讨大屏可视化设计的一些关键知识点。 1. 数据可视化大屏可视化的核心在于将复杂的数据转化为易于理解的图形或图像,使观众能够快速抓住关键信息。常见的图表类型包括折线图、柱状图、饼图、散点图、...
大屏展示设计图图集-酷炫深色背景风格
11-21
基于最新可视化技术设计出来的大屏展示设计图图集,酷炫深色背景风格。海量图片给你提供丰富的大屏设计灵感!
提取屏幕RGB色值(好色鬼)
07-23
『好色鬼』是一款采集屏幕颜色的软件,软件不大,但是功能强大,实用性强,易操作,对网页设计师、photoshop、corldraw等平面设计师处理颜色是一个非常好的帮手,特别是网页设计师有更大的帮助,『好色鬼』会自动生成网页十六进制代码,只要在网页代码内粘贴就可以把想要的颜色显示在网页上;『好色鬼』除了以上功能,还有以下主要功能: ◆分离红、绿、蓝三颜色值;可以对三种颜色做不同的调整; ◆四个窗口采集颜色,能更方便的比较和储存颜色; ◆提供颜色放大采集功能,让用户更精确采集颜色; ◆提供常用、经典、备用3组收藏颜色的收藏夹功能; ◆提供颜色反向功能; ◆提供颜色灰度功能; ◆提供对比色功能; ◆提供常用调色板和通用调色板功能; ◆提供手动输入WEB和RGB颜色,快捷方便! ◆换皮肤功能,提供8款不同皮肤,同时支持皮肤扩展,可以自己动手制作自己喜好的『好色鬼』皮肤,操作简单容易实现; ◆自动伸缩功能,让用户有更多屏幕空间显示其他内容; ◆支持屏幕吸附功能,自动吸附到屏幕边缘; ◆软件完全绿色,不写入任何数据到注册表; 这次新的XP版本,完全废弃了以前版本的代码,全部重新设计书写,优化 颜色采集和显示的算法,加快显示速度,同时加强了稳定性、灵活性和安全性, 新增以下功能: 1。在原来只能采一个点颜色的基础上增加到四个,更为方便你的颜色采集, 以及颜色观看、对比; 2。在原来的粘贴颜色代码功能基础上,增加了手工输入颜色代码,这样更 为方便你的颜色观看、对比; 3。增强了换皮肤功能,以前只是单一的四边形,现在可以随心所欲,任你 玩,任你选择,同时我们会不时提供各种各样的新皮肤;说明:不支持以前版本 的皮肤; 4。增加了颜色代码字体颜色的修改,以便和皮肤背景颜色形成鲜明的对比, 这样可以更方便你看清颜色代码值; 5。增加了系统热键设置功能,更方便你的操作使用; 6。增强了《好色鬼 XP》的绿色适应性功能,你可以把她拷贝任何目录,都 可以安全的运行;
地图配色选择方案参考-来自国外地图可视化实验室
08-23
地图配色选择方案参考-来自国外地图可视化实验室,包含不同配色方案。
css+js+echarts大屏可视化demo
04-15
总的来说,"css+js+echarts大屏可视化demo"项目是一个非常实用的学习资源,它将理论知识与实际操作相结合,帮助开发者快速上手ECharts,并进一步提升在数据可视化领域的专业技能。无论是个人学习还是团队协作,都能...
345套精选各类数据展示大屏PSD设计文档,可视化大屏设计不在愁.zip
08-27
数据展示大屏设计是当前信息技术领域中的一个重要环节,特别是在企业决策、数据分析以及监控系统中扮演着关键角色。...通过深入学习和实践,你可以掌握更多关于数据可视化大屏设计的知识,提升自己的专业技能。
中国红的可视化大屏,氛围感十足,但看过后有点抓狂。
2401_82881178的博客
03-31 209
●具有辨识度:中国红是中国传统文化中的重要颜色,具有浓厚的中国特色,使用中国红作为可视化大屏的颜色可以增加其与中国文化的关联性,提升品牌形象和辨识度。●豪华感和庄重感:中国红是一种富有豪华感和庄重感的颜色,使用中国红可以给人一种高贵、庄重的感觉,适合用于展示重要的数据和信息。●强烈的视觉冲击力:中国红是一种鲜艳而醒目的颜色,能够吸引人们的注意力,增强视觉冲击力,使可视化大屏更加醒目和引人注目。●文化局限性:中国红作为中国传统文化中的颜色,可能在国际化的场合中显得不够适应,缺乏广泛的文化共识。
数据可视化专属配色方案
esensoft123的博客
08-26 761
如今在对于设计配色方面的文章和方案数不胜数,甚至都有专门的配色网站可供使用。但是,在数据可视化领域还没有形成有针对性的配色解决方式,因为在数据的展示上设计师所面对的问题是需要面对猪多不同的数据所传递的信息,它们各自的视觉表现形式又是各不相同的。今天就分享一下在亿信华辰的我们是怎么做的。 首先我们作为数据可视化设计师必须明白的是配色会极大的影响人对数据的理解力,而好的色彩运用可以降低我们想要表达内容的理解难度,帮助观看者更加直观的接收我们的信息。 在我们自己的“酷屏”可视化平台研发初期,设计师团队曾针对网
Python制作可视化大屏全流程 (附代码分享)
Python_xiaowu的博客
11-28 1万+
今天我们就来说说如何用Pyecharts模块来制作炫酷的可视化大屏,最后的效果如下 步骤如下: 分别使用Pyecharts制作各类图表,包括柱状图、地图、饼图等等 使用Pyecharts当中的组合图表功能,将所有图片拼接在一张html文件中进行展示 数据的来源 这次我们使用的数据是虚构的某超市2021年第一季度的订单数据,总共是有1000条, df.info() output <class'pandas.core.frame.DataFrame'>..
数据可视化基础(三):颜色、样式
weixin_44365744的博客
02-19 980
颜色、样式、面向对象&MatlabStyle
写文章

热门文章

  • 时间序列平稳性的判断 9200
  • 地图可视化类型大全 2727
  • 将图片快速转换为矢量地图-半自动地图矢量化工具raster_tracer的使用方法 2486
  • jupyter notebook的简单安装及遇到问题的解决方案 2340
  • 如何根据英文地址查到国外的经纬度 2294

分类专栏

  • gis 10篇
  • 可视化 5篇

最新评论

  • QGIS错误:裁剪矢量图形时出现“GEOS地理处理错误”的解决方法

    星倦72: 你好,运行之后怎么查看错误的啊,没有红色的字啊

  • 将图片快速转换为矢量地图-半自动地图矢量化工具raster_tracer的使用方法

    codeuniverse: 我没有遇到这个问题

  • sqlite入门-读取excel存入sqlite-附详细注释

    糕冷后妈: cursor.execute(\"INSERT INTO USAsalary VALUES (2032,100,35)\")这个里面的(2023,100,35)是什么意思啊?

  • 将图片快速转换为矢量地图-半自动地图矢量化工具raster_tracer的使用方法

    小妮尼: 问一下,插件安装了以后显示执行Python错误,怎么解决

  • 将图片快速转换为矢量地图-半自动地图矢量化工具raster_tracer的使用方法

    codeuniverse: 我没有设置下载码

大家在看

  • 【含文档】基于Springboot+Vue的仓库管理系统设计与实现(含源码+数据库+lw)
  • 【Python开发技术之PyQt5精品教学】第26课--PyQt5 QSplitter小部件 146
  • 【开题报告】基于Springboot+vue校园闲置二手交易网站(程序+源码+论文) 计算机毕业设计
  • SQL进阶技巧:如何找出开会时间有重叠的会议室?| 时间区间重叠问题 720
  • 【开题报告】基于Springboot+vue英语四六级单词学习系统(程序+源码+论文) 计算机毕业设计 382

最新文章

  • R语言:柱状图用黄色凸显特定柱子
  • 办公自动化:8行代码自动生成一篇文章
  • python 报错及解决方案记录
2023年9篇
2022年22篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

深圳坪山网站建设公司三明网站优化选哪家优化网站排名卓越易速达优化网站被降权分类目录网站如何优化顺时科技网站优化郑州网站权重优化软件网站优化大师哪家专业潮州具有品牌的免费网站优化林芝模板网站优化平台茂名网站建设优化案例南京seo网站优化报价单石家庄学习网站优化技术罗湖产品网站优化方法德州智能网站优化公司九江网站优化热线网站优化靠谱seo郑州知名网站优化公司电话上栗百度网站优化重庆seo网站关键词优化网站seo优化要学多久安徽公司网站关键词优化简阳网站优化专业报价邯郸移动网站优化长沙外贸网站建设优化知名的网站优化详情介绍网站排名优化就找金手指信誉深圳网络营销网站优化方案网站SEO优化工程师招聘东莞网站优化外包福田搜索引擎网站优化在线推广香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

深圳坪山网站建设公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化