文章图片配色怎么选?
01
有哪些原则?
最近在准备配色推荐的文章,正好就看到了一篇非常不错的文章,可以算作是几个基本原则吧,推荐!!!
原文出自Datawrapper
作者:
Lisa Charlotte Rost (@lisacrost)
地址:
https://blog.datawrapper.de/beautifulcolors/#13
精心翻译的文章【点我】里面一共有14条建议,而且每一条都有详细解释,还有包括科普HSB/HSV/HCL/RGB。
下面是精选的几条建议/原则:
使用Harmony原则选择配色
调整饱和度和亮度,而不是急于改变色相
使用暖色和蓝色,黄色/橙色/红色和蓝色是媒体数据可视化设计师特别喜欢的互补颜色组合。
使用黄绿或者蓝绿,而不是绿色
避免纯色或者高亮高饱和的色彩
和背景反差过大或者过小
避免背景饱和度过高
如果要使用浅色背景,请不要选择亮度低于95%且饱和度高于7%的颜色;
如果要使用深色背景,请保证饱和度低于20%,亮度在10%到25%之间。
随后又正好看到网红插画师Gal Shir的分享,插画选择颜色的经验,供参考。他的纹理笔刷用procreate的人都知道,他的色卡也是要卖钱的。在插画界居然还有剽窃配色这一说~~
02
个人经验
1. 不要使用过度饱和颜色。
在之前circos的推送中,就提到过,可以用Matlab的circularGraph做出circos的图,但是由于配色使用了饱和度过高的颜色(纯色),本来高大上的图硬是掉了好几个档次。
2. 不能无脑使用别人的配色。
2年前的翻车经历,下面的ERP图就是自己做的。记得当时看到有人推荐colorbrew,说是用这个配色不错。
colorbrew
于是就无脑的用上了,而且选的是sequential,如果用diverging应该会好很多。
最后这些图全部都是重做的,换了新的风格,包括layout,配色,坐标轴等等。应该说,是一套高大上的图才让文章得以有第二次major revision的机会。一般情况是第一次major没过就拒稿了。
再次审视这几个图,它们最主要的问题是背景的contrast不够,而且EEG的图使用了默认的colorbar,饱和度过高。所以不能无脑使用别人的配色,自己把握配色的原则才是最重要的。colorbrew在circos软件网站有推荐,上面那篇讲配色原则文章的原作者也推荐了,再次说明不是colorbrew的问题,是用的人无脑造成的。
3. 不要纯靠感觉选择配色。下图里ideogram的颜色都是凭感觉选取的,唯一的原则就是尽量避免了过度饱和的颜色,效果没有差到哪去,不过总是觉得有点不太和谐。如果当时考虑一下Hormony原则或者其他的一些原则,可能会更好。
03
推荐
#1 Color Calculator
1. 知乎文章图片爬取器之一写在前面 今天开始尝试爬取一下知乎,看一下这个网站都有什么好玩的内容可以爬取到,可能断断续续会写几篇文章,今天首先爬取最简单的,单一文章的所有回答,爬取这个没有什么难度. ... 配色的选择是在我们论文文章画图过程中经常面临的一个问题.常用的R或python语言都内置了默认的颜色系统,强大的默认设置可以满足我们的绘图需求. 但当我们需要绘制更多的图形时,固定的配色就会显得重复, ... //保存路径 $d = date('Ym', time()); $dirslsitss = '/uploads/images/'.$d; if(!file_exists($dirslsitss)) { ... 1. 知乎文章图片爬取器之二博客背景 昨天写了知乎文章图片爬取器的一部分代码,针对知乎问题的答案json进行了数据抓取,博客中出现了部分写死的内容,今天把那部分信息调整完毕,并且将图片下载完善到代码中 ... dedecms升级到5.7SP1后,开启二级域名,你会发现,在二级域名下的文章,上传的图片地址都是:二级域名+图片地址,这是相对路径.但是你的图片是默认上传在uploads里面的.应该使用绝对路径.这 ... 杂志社对于图片的要求往往十分严格,图片分辨率.图片大小.字体格式.颜色模式等等都会有要求,被拒了稿换一个杂志,可能又有一套新的要求,重复劳动让人苦不堪言.今天给大家分享一些SCI论文图片编辑过程中的小 ... 原标题:[公众号运营]文章图片滑动效果实现方法 最近小编在网上看到这样一个问题,说公众号文章里面的图片滑动显示是怎么做得呢?并且还附上了这样一个视频: 小编仔细一看,这不是365编辑器里的图片滑动样式 ... SEO文章图片该怎么搭配,SEO文章该怎么写,对我们SEOER来说,SEO文章图片是我们比较重要的一环,不管是我们网站内容的优化,还是我们外部advertorial的书写,都跟SEO文章和SEO文章图 ... 微信对外提供了API接口,让我们可以通过授权的方式获取到自己公众号里面的文章 或者你也可以通过爬虫去抓取微信的文章 但是微信的图片默认是不允许外部调用的 解决微信文章图片防盗链 function ac ... 背景 小程序的canvas是微信基于原生组件自行封装的,因此接口跟web的canvas有不少区别,早期更是没有支持像素级的处理能力. 在18年初的小程序基础库1.9.0版本更新中,出现了wx.canv ...文章图片配色怎么选?相关推荐
最新文章
热门文章