如何做好图表的色彩搭配?

图表的基本配色 不论是商业图表还是专业图表,图表的配色极其关键,图表配色方案主要有彩色和黑白两种。       对于商业图表,专业的图表制作人员可以根据色轮来实现单色、类似色、互补色等配色方案,而对于普通大众,一般可以参考《华尔街日报》(The Wall Street Journal)、商业周刊(Business Week)以及《经济学人》(The Economist)等商业经典杂志的图表配色方案。     阅读详情

最近在做一些图表的时候,发现自己的图片的搭设过于简单粗暴,想比较好看,又很自然很舒服;色彩之前的过渡做得非常流畅。最近研究了一下怎么来做好色彩搭配?

简单的使用方法:

  1. 找到自己喜欢的图片,或者调色板,图片也可以到 花瓣上去检索合适的色彩模板 https://huaban.com/materials
  2. 通过 adobe color 来自动提取颜色主题,提取到合适的色彩主题后,可以按自己的需求进行手动调整,直到自己满意 https://color.adobe.com/zh/create/color-wheel
    在这里插入图片描述
  3. 通过 dopely color 对选择的颜色的色阶进行微调或者选择 https://colors.dopely.top/palette-generator/IcM5lJYQ0m1
    在这里插入图片描述
    通过选择合适的色彩主题,再做色阶的细化后,可以整理出比较舒服的图片来,以上仅供参考

其他工具:
https://www.bilibili.com/video/BV1xr4y1W7q2/?spm_id_from=autoNext&vd_source=bdd2834b3b30965c7c4978dc4cff7a9b
龙猫:https://ailongmiao.com/coolors-co/
渐变色:https://color.uisdc.com/gradient.html
选色分析:https://www.khroma.co/train

码住/数据可视化分析之色彩搭配 之前几期文章重点讲了排版布局和组件 那么大家也都知道色彩搭配也是可视化大屏中重要的元素之一。 所以今天小编将着重来讲述一下色彩搭配 一:全部亮色系 首先看下面这张示例色彩搭配,4种亮色给人以更好的凸显数据的假象,你认为亮色更适合,其实不然,这些亮色的搭配不但没有让你的领导觉得舒服,反而觉得要被闪瞎了眼。 而经过色彩搭配(如下图所示),整体看起来是不是比较温柔,不会给人视觉上的冲击。 (由灯果可视化制作) 二:浅色系+浅色系 其实这也是不可取的色彩搭配,两个浅色系放在一起很难看清图表的数据,失去了图表的意 阅读详情

相关推荐

大数据可视化中的色彩心理学:如何设计吸引眼球的图表

在大数据时代,我们每天要处理海量数据(比如企业销售额、用户行为、医疗指标),而可视化是将数据转化为"可理解信息"的关键工具。但很多人设计图表时,要么"凭感觉选颜色",要么"追求华丽效果",结果反而让数据"藏在颜色里"。本文的目的,就是用色彩心理学的科学原理,教你如何"用颜色讲故事"——让图表既"好看"又"有用",让读者(无论是老板、客户还是普通用户)“一眼抓住重点”。色彩心理学的核心概念(色相、饱和度、明度);色彩与用户认知的关系(如何用颜色突出重点、传递情绪);

大数据洞察的博客 810

科研作图:一种还可以的配色方案

如下图所示,多种色彩的搭配

Code for Coffee 8348

前端开发新手福利:精通色彩搭配工具

本文还有配套的精品资源,点击获取 简介:本文针对前端开发新手,详细介绍了网站配色工具的重要性及其在CSS、JavaScript、Web和Java中的应用。配色工具帮助开发者选择和管理颜色,简化CSS颜色代码的生成,增强JavaScript的动态交互体验,促进Web界面设计的一致性和吸引力,以及在Java应用中提高界面颜色方案的专业性。掌握这些工具将大大加速学习进程,提高开发...

weixin_36123300的博客 1603

图表中的颜色搭配

颜色搭配在画图的时候是比较重要的,这篇博文主要是来介绍几种颜色搭配方案。 (每个饼图的饼片标签就是相对应的十六进制颜色码) 第一种搭配方案: %matplotlib inline import matplotlib.pyplot as plt import matplotlib as mpl import numpy as np mpl.rcParams["font.sans-serif"]=["...

白炎灵的博客 2万+

从Bit到MCS:深度解析Xilinx FPGA程序固化流程与文件选型

本文深度解析Xilinx FPGA程序从调试到量产的固化流程,重点对比BIT、BIN、MCS和ELF四种文件格式的特性与适用场景。针对工业级应用,详细讲解MCS文件的生成优化、Flash烧录避坑指南及三级验证流程,并分享多镜像管理、加密安全等高级技巧,帮助开发者提升FPGA量产可靠性。

weixin_30924239的博客 322

科研党必备:5分钟搞定Arxiv论文批量导入NoteExpress(附PDF自动下载技巧)

本文为科研人员提供了一套高效的自动化工作流,实现从Arxiv批量检索论文、自动下载PDF到无缝导入NoteExpress的全过程。通过Python脚本和NASA ADS等工具,可大幅提升文献管理效率,特别适合需要追踪前沿动态的研究生和科研团队。

orange的博客 398

论文画图颜色搭配

!

t15600624671的博客 9792

染色体外环状DNA:肿瘤研究新方向

染色体外环状DNA(ecDNA)是癌症中活化原癌基因扩增的主要方式。区别于常染色体,这类生物大分子主要以环状的形式存在于细胞核当中,长度分布在103-106数量级,无中心粒。ecDNA序列中包含一个或者多个基因与调控元件,结构开放,转录活性强,相比于在棒状染色体结构基因,ecDNA的生物功能活性更强。癌症中,成环的基因区域拷贝数往往增高,而超过一半的高拷贝数事件是ecDNA驱动生成。...

blackjimmy的博客 765

史上最全的图表色彩运用原理

温馨提示:正文共6230字,预计阅读16分钟前言本部分内容已经收录在我即将出版的新书《R语言数据可视化之美》,更多精彩内容敬请期待!这是我花了一个月参考各种资料研究总结得到,自认为总结的最为全面的图表色彩运用原理!数据可视化除了图表类型的选择尤为重要外,图表的颜色主题搭配也是特别重要的。所以,现在把我总结的资料推送给大家,一方面是希望也能帮助大家,另一方面也希望有经验的同学多多提看法,我总结的资料

R语言中文社区 1万+

React 源码解析 | Reconcile协调过程

上篇讲了React的工作流程,这篇详细的讲一下render过程中的beginWork函数,也就是深度优先创建Fiber树中"递"的过程。beginWork函数传入当前已经创建好的Fiber节点,返回创建/复用的第一个子FIber节点,也就是wip.child在renderRoot中,在开始创建整棵FIber树之前,会先调用prepareRefreshStack创建/复用一个新的HostRootFiber。

weixin_40710412的博客 1219

rk3588 rkaiq_3A_server 无法解析json文件记录

rk3588 rkaiq_3A_server 无法解析json文件记录

neardi_dev的博客 1万+

PPT排版秘籍“五大原则”

在PPT设计中,排版是至关重要的环节,一个简洁明了的排版不仅能提升观众的阅读体验,还能有效传达信息;,让你的 PPT 从此大放异彩,成为吸引观众目光的焦点!如商务汇报宜采用蓝、灰等沉稳色系。而创意提案则可尝试鲜艳活泼的色彩。利用字体大小、颜色、粗细的对比。产品分析、市场竞争等数据量较多。记住“少即是多”的黄金法则。每张幻灯片上的信息不宜过多。左对齐、右对齐或是居中对齐。让页面看起来更加开阔、清爽。每个元素之间保持一定的距离。使你的演示更加生动、有趣。清晰的图表和直观的图像。对齐是PPT排版的基础。

E135Editor的博客 5188

【100%通过率】华为OD机试真题 JavaScript【数字最低位排序】【最低位排序】

2023华为OD机试真题 JavaScript【数字最低位排序】【最低位排序】 给定一个非空数组(列表) 起元素数据类型为整型 请按照数组元素十进制最低位从小到大进行排序 十进制最低位相同的元素,相对位置保持不变 当数组元素为负值时,十进制最低为等同于去除符号位后对应十进制值最低位

MISAYAONE的博客 586

可视化大屏能做的这般惊艳,这六个原则是重点

例如,如果大屏的目标是监控生产过程,那么就需要重点展示与生产相关的数据,如产量、质量、设备运行状态等。同时,了解受众的需求和特点也非常重要,不同的受众可能对数据的关注点和理解能力有所不同。可视化大屏通常需要处理大量的数据和复杂的图形渲染,因此性能优化是非常重要的。本人是10年经验的前端开发和UI设计资深“双料”老司机,1500+项目交付经历,带您了解最新的观点、技术、干货,关注我可以和我进一步沟通。随着业务的发展和数据的变化,大屏的内容和功能也需要不断地更新和优化。

2401_87844866的博客 1333

药物代谢仿真软件:PKSim_(6).案例研究与实践应用

通过本章的案例研究和实践应用,我们展示了如何利用PKSim软件构建药物动力学模型、进行参数估计、仿真预测和结果分析。这些方法不仅有助于优化药物代谢研究过程,还可以在药物研发中提供重要的数据支持。通过模型的构建和验证,我们可以更好地理解药物在体内的动态变化过程,为临床试验和药物治疗提供科学依据。

kkchenjj的博客 654

QGis二次开发 —— 5.1、基于qgis开发雷达扫描、无人机飞行跟踪等(附:源码及工程)

基于qgis开发雷达扫描、无人机飞行跟踪等

323

R作图配色---颜色提取及色彩搭配

看SCI文章,发现一个规律,越是高分的文章作图越是“花里胡哨”,出各种新奇的图,色彩上也很鲜艳,而大多数人就喜欢看那种花里胡哨的。其实很多时候,我们里高分文章的图只差一个思路和配色,同样的数据别人做的图看起来很好,很大原因是颜色搭配的好。今天我们就谈谈R的色彩搭配,让你的作图可视化向高分文章看齐。 一、提取颜色 看到别人文章中好看的配色,直接提取是最方便的方法,可以使用AI或者PPT操作,主要是为了得到颜色的十六进制代码,可用于R绘图。不过这里我们介绍一种R的方式,可以将图片读入R中,提取一张图片所有颜色

qq_42090739的博客 1万+

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

色彩搭配:AI辅助HTML5页面的色彩搭配方案设计

本文介绍了AI辅助HTML5页面色彩搭配方案设计的核心技术与实践方法。主要内容包括: 技术背景:HTML5与AI的融合正在推动前端开发向智能化转型,超过70%项目已尝试AI集成 核心概念: HTML5特性:语义化标签、Canvas、音视频支持等 前端AI应用:内容生成、交互优化、数据处理等 技术实现: 前端AI推理架构 Canvas与AI结合的实际代码示例 色彩搭配的AI辅助方案设计 实践价值: 提升开发效率 增强用户体验 实现个性化设计 文章通过具体代码示例展示了AI识别Canvas绘图的技术实现,体现了

输出倒逼输入,写作驱动成长。 6056

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

大数据领域数据可视化的色彩搭配技巧

本文章的目的在于全面介绍大数据领域数据可视化中色彩搭配的相关技巧,帮助数据分析师、可视化设计师以及相关从业者掌握色彩搭配的基本原则和方法,提升数据可视化作品的质量和效果。文章的范围涵盖了色彩搭配的理论基础、算法原理、实际应用案例以及相关工具和资源的推荐。本文将按照以下结构进行组织:首先介绍色彩搭配的背景知识,包括核心概念和相关术语;接着阐述色彩搭配的核心算法原理和具体操作步骤;然后结合数学模型对色彩搭配进行详细讲解和举例说明;通过项目实战展示色彩搭配在实际中的应用;探讨色彩搭配在不同场景下的实际应用;

专注搜索引擎技术 1099

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

UI设计中的色彩搭配技巧实战:理论+模板一步到位

本文系统讲解了色彩设计中的关键技巧与应用方法。首先提出六大设计要点:色盲友好性、色彩统一性、品牌识别、色彩心理学、对比控制和色彩和谐,强调色彩不仅是美学表达,更是信息传递与用户体验的重要媒介。随后介绍了四种经典搭配模板:渐变背景、幻想图标、电影氛围和科技仪表配色,展示不同场景下的色彩应用策略。文章指出,优秀的色彩搭配需要兼顾专业性、一致性和情感表达,设计师应建立科学的色彩框架,将心理学原理与视觉传达相结合,打造更具吸引力和辨识度的作品。

2501_92274820的博客 1466

10道题搞懂色彩搭配的6大准则,让你的图表开口说话!

导读:如果你有时间只专注于改进图表中的一件事,那就选择改进颜色。大多数软件无法直观地挑选与你的背景匹配的颜色。作者:斯科特·贝里纳托(Scott Berinato)来源:大数据DT(ID...

大数据 1940

帆软图表设置的色彩搭配

1、颜色推荐 使用于普通报表的设计后,对表格进行美化 2、搭配技巧 可以根据公司或者相对应产品的标志选择一致的颜色,这样 风格也比较搭配 ...

Jmayday 4354

Rust 生命周期深入实战:特征约束、HRTB、NLL 与再借用(rust-by-practice 深入生命周期篇)

本文基于 rust-by-practice 中文仓库的 [深入生命周期章节](https://link.gitcode.com/i/5f5c6316fa0f2f1b3d7b30fc21ff99ee) 编写。在掌握了[生命周期基础](https://link.gitcode.com/i/b32e5809628a817efbc6c641ee3501e2)(生命周期范围、标注、消除规则)和 [`&'st

gitblog_00753的博客 261

B 端界面设计中色彩搭配的实用技巧

蓝色常被视为专业、可靠,如众多云计算平台的管理界面多采用蓝色调,让用户感受到服务的专业与安全 ,从而增强信任。辅助色一般选 2 - 3 种,用于次要元素,如在蓝色为主的项目管理系统中,浅灰色展示次要信息,橙色突出任务进度,让界面层次分明。此外,不同界面元素间的对比度也很重要,按钮与周围区域要区分明显,不同状态的按钮也要通过色彩变化区分,方便用户操作。同时观察用户行为,如寻找信息的速度、操作失误等,深入了解用户对色彩的实际需求,进一步完善设计。合理的色彩运用能提升界面的可读性、易用性,强化品牌认知。

lanlanwork11的博客 689

网站设计色彩搭配优化技巧与方法论

网站设计色彩搭配优化技巧与方法论

light86的专栏 559

Echarts数据可视化 第5章 色彩搭配 5.1 色彩主题

Echarts数据可视化 第5章 色彩搭配 5.1 色彩主题

代码改变世界 1537
上一篇: docker 运行环境搭建
下一篇: 视频编码标准发展史
Ternence_Hsu
博客等级 码龄10年 915粉丝 254原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值