在GIS中,除了底图配色外,往往还要考虑不同要素在底图上的显示效果。
一些要素有公认的配色规范,如降水量、雷达等。
上图来自国家气象信息中心

而大多数要素都没有标准,各家气象平台的配色也各不相同。

配色原则

色斑图的配色原则是根据各类天气要素(如降水量、气温等)按照一定的量级通过不同的颜色来划分,方便对整体区域天气变化情况的掌握。在实际应用中应注意色标所代表的意义。

上图来自杭州气象网

配色方式

分段配色

在一个节点到另一个节点之间这一段区域上只有一种颜色,我们需要设定的是各段区域的颜色。这种配色方式一般用在需要分级的要素上,如降水量、风力等级、空气质量等。

渐变配色

在某个节点上设置一个值,节点和节点之间自动进行渐变过渡,我们需要设定的是各个节点的值。

在专业气象服务中,我们常用分段配色。而在公众气象服务中,渐变配色更常见一些。这是因为,专业用户对数据的精准度要求更高,要保证用户在不同比例的地图上都能迅速判断出要素的等级区间。而面对公众用户时,渐变配色可以使数据看起来更加平滑,视觉上更美观一些。
所以,中央气象台的雷达图是分段的(左),而彩云天气的雷达图是渐变的(右)。

分段内增加渐变配色

除了渐变配色和分段配色,还可以将它们混合成为一类独特的配色方式。

上图来自GRlevelX

如在GRLevelX中,在分段配色的基础上,各段内又叠加了渐变配色,所以展示效果更加具有立体感。各段内部颜色更加平滑。

色标轴配色中的问题

不同区间内的颜色可以相似吗?


上图来自美国国家气象局天气预报中心官方媒体

美国国家气象局天气预报中心发布的一张图上,温度距平的色标轴在22 ~ 35之间和-22 ~ -35的颜色、35 ~ 50和-35 ~ -50以及0 ~ 6之间的颜色极为相似。

根据数值的规律我们可以知道,在同一块区域中,不可能在十分接近的两个格点同时出现高值和低值,它们中间必定还会有其他数值的存在。所以,间隔较远的相近色并不会造成显示混乱,在数值跨度比较大、颜色分级精细的情况下,可以在高值和低值中出现相似的颜色。

什么时候需要用到透明色标?

云、雷达、风力、降水等,这些要素的数值有一个共同点,就是最小值为0。往往我们在数值为0或低于某个值时,是不需要重点关注这个要素的。所以此时可以将它们的最小值或最小分段的颜色设为透明,即在地图上低于某个数值时不显示该要素的颜色。

如何保证文字或线条在色斑图上的所有颜色上都能看清楚?

有时色斑图上需要叠加文字,如地名、要素值等,但叠加了色斑后,文字颜色如果和色斑颜色相近时会显示不清楚。这时我们有两种优化的方法:

方法1
在文字上添加描边、阴影或底色等样式
以上图片分别来自彩云天气、Windy、国家气象信息中心

方法2
将文字设置为跟随底色自动改变颜色,深色背景上的文字显示为白色,浅色背景上的文字显示为黑色。

上图来自Highpoint Weather


一些参考文章:
如何选择配色 - 帮助中心 - 地图慧
产品配色 2.0:使用 HCL 色彩空间替代 HSL 生成配色

配色工具推荐:
Colorpicker for data

气象要素色斑图的配色相关推荐

  1. 收藏这些网站,找PPT设计素材不再发犯难(图标、信息图、配色、免版权免费图片)...

    作为一个PPT发烧友和重度使用者,不敢说水平多高,但还是积累了一些心得. 后期打算有时间慢慢分享一些浅见,今天整理一下经常用的资源和素材网站. 一.设计感与审美感培养 1.站酷:http://www. ...

  2. 气象要素的基本属性和展现形式

    气象要素 基本气象要素主要分为温.压.湿.风四类,是地面和高空观测的必要组成部分. 气象观测系统可分为地基.空基.天基三类,地基指地面观测站组成,观测地球表面气象要素:空基由高空观测站组成,观测地表以 ...

  3. 在线作图丨做一张叠加mantel test的相关性热图

    下边这张图摘自2015年的Science(暂且叫他Mantel test和相关性热图的组合图吧),这张图在各大论坛都有R语言的教程,今天小编教大家如何不使用R语言,分分钟在线做出这样的高水平图片.参考 ...

  4. 245热图展示微生物组的物种和功能丰度或有无、距离矩阵

    245热图展示微生物组的物种和功能丰度或有无 本节作者:吴一磊 中科院微生物所 版本1.0.7,更新日期:2020年8月13日 本项目永久地址:https://github.com/YongxinLi ...

  5. ggplot2版聚类物种丰度堆叠图

    文章目录 写在前面 加载依赖关系 导入数据 ggtree绘制聚类树 物种组成数据 整理成facet需要的格式 保证颜色填充独立性 分面组合树和柱图 修改配色 ggtree调整布局 添加样本其他信息 树 ...

  6. 如果伦敦地铁图是数据科学家画的……

    我们每天乘坐的地铁是一个恢弘的艺术作品. 抛开路线.站点的规划不说,地铁的线路图本身就蕴藏了极其精妙的设计. 比如说伦敦地铁图. 伦敦的地铁路线图图可谓是地铁路线图的鼻祖.多年来,它形成的配色与排版方 ...

  7. origin画图_Origin作图过程中如何让图看起来更生动

    来源丨萤火科研← 关注TA 有朋友咨询在用Origin作图过程中如何让图看起来更生动,在使用过程中,有一些小技巧可供大家参考参考(本人用2017,以2017版为例).1.例如在画XRD过程中,如果我的 ...

  8. 双环形图表_excel两个环形图怎么画

    excel两个环形图怎么画 Excel作为我们大众常用的办公软件之一,我们经常用它制作一些表格,可是一个商场,或者是一家商店,如何制作一个动态环形图呢?下面就让小编带你来看看吧! 具体如下: 1. 首 ...

  9. 浅谈一个完整网站配色方案设计大法2实例篇

    之前发布过一篇文章<浅谈如何使用软件从零开始,高效高质设计一个完整的配色方案>,那篇文章主要是分享了一个傻瓜式的配色方案制作方法,但是没有实际运用的例子,让很多朋友都不了解具体怎么运用. ...

  10. 弘辽科技:拼多多商品详情图怎么做?有什么开店技巧?

    在拼多多上经营店铺的时候经常会遇到各种之前没有碰到过的问题,一旦出现这些新的问题,有些商家就不知道如何是好了,那么拼多多商品详情图怎么做? 拼多多商品详情图怎么做? 拼多多商品详情图除了符合平台规定的 ...

最新文章

  1. SAP Return to External Vendor
  2. C#全屏随机位置显示图片的小程序
  3. java有装箱和拆箱吗_Java中装箱和拆箱,你真的都懂么?
  4. 大厂高级前端面试题答案
  5. 作为软件工程师,如何进行知识管理
  6. linux如何安装github下载的东西,Linux如何安装使用GitHub
  7. js判断上传文件为图片格式、excel格式
  8. 古风排版 分数 20作者 陈越单位 浙江大学
  9. 六度人脉,每一个擦肩而过都有可能和你有关系
  10. postfix dovecot邮件服务器搭建
  11. 阿里巴巴投资1亿美元在成都建立西部基地,成都的人才快点抓紧啊
  12. Oracle 压缩表与压缩表空间
  13. 探索性数据分析EDA(二)—— 缺失值处理
  14. fflush函数作用浅析
  15. 如何创建一个好看且简约的网页
  16. 模板模式(C/C++实现)
  17. 中国教育和科研计算机网络是,重大应用—热烈庆祝中国教育和科研计算机网CERNET建设20周年—中国教育和科研计算机网CERNET...
  18. 计算机网络 『MAC帧格式、MAC地址』
  19. 网上看来的跟我轻松学刻录——alcohol120%
  20. 100个优秀的loading进度条PSD素材下载

热门文章

  1. 批量修改喜马拉雅下载节目的文件名
  2. 熊猫眼啦!头晕得写不鸟程序啦!来谈谈我已经过大半的大学生活吧
  3. java查找算法:二分查找(两种方式)
  4. AD 09 PCB生成GERBER生产文件全过程
  5. 数据结构和算法(C语言版)期末速成基础不挂科补考
  6. 华为NP课程笔记6-路由控制
  7. cuda+cudnn安装(cudnn下载失败解决),环境配置以及遇到的问题记录!
  8. 推荐一个免费申请ssl数字证书的地方
  9. Win10电脑网络图标不见了 解决办法
  10. 捷联惯导系统学习4.2(捷联惯导误差方程)