分享

跟Nature文章学绘图:理科思维如何搞定论文图配色?

 栓牛 2021-04-12

编辑:科研小通



数据做的好,文章发的早~

小通今天说说最让人头疼的数据图配色问题。




图片

Nature文章配色方案
如何配色才能美观、协调和易读

配色是大家论文绘图时最常遇到的问题。论文图中的对比数据会有3~5个,多的时候甚至会达到10个以上。因此,七个标准色不仅数量不够,而且很不美观。直接使用标准色很容易显得“傻大黑粗”。
论文图配色如何做到美观、协调,并且易读性强呢?我们先看看Nature文章怎么做的。
图片
双色搭配
似红非红,避免选择标准色
(色卡下方的数字为代表RGB,下同)

图片

三色搭配

图片

四色搭配

同一个样品,用同样的颜色

图片

四色搭配

'近亲'搭配,协调且易读

图片

五色搭配

图片

六色搭配

同一个样品序列,用同系颜色

图片

十二色搭配

多色搭配的典范,其实只用了四种颜色
以上数据图出自:Nature 573, 135–138 (2019)
https:///10.1038/s41586-019-1524-5

看到这里,相信很多人都发现了。上面这几张图均出自同一篇论文

如果你也喜欢上面的配色,大可直接采用。如果不想完全用上面一样的颜色,也达到相同的效果,请继续往下看。

图片

不懂配色,更不懂设计
如何用数字思维搭配出同样的效果

小通也是理科生,自然没有什么美学功底。没吃过猪肉,不见得没见过猪跑呀~就说下面的左右两组配色,你觉得哪个更好看呢?

图片左右对比,哪个更好看?
左-设计师推荐的配色,右-Office默认标准色

需要说明的是:本文所说的某个颜色“不好看”,往往指的是这个颜色太常见了,没有个性而已。所以,如果你和小通一样,觉得左边的配色更好看的话,你可能会认同小通接下来要分享的配色方法。
比如office 2019提供的默认色卡,相比早年的Office 2003色卡显然是要潮流很多。但是如果大家都用这里的颜色,看的多了自然没了新意。

图片

Office 2019默认色卡

改变亮度,获得同系颜色

前面说到的同系配色,相信大家都感受到它的好处了。简直就是多数据绘图的救星啊!

操作很简单,利用PPT功能里的自定义就可以实现,如下面的动图演示:

图片

PPT:格式-形状填充-其它填充颜色-自定义

调节该颜色的亮度,即可得到同系颜色

亮度和RGB有什么关系?

自然是有公式可以计算的:

亮度=(0.2126*R + 0.7152*G + 0.0722*B)

图片

1色个可以衍生出255个同系颜色

理科生的数字思维获取可以排上用场了。比如说在同系颜色里,亮度值设置为某个数列,比如来个黄金分割比、甚至斐波纳契数列,这个就靠大家的智慧了~

图片

有一个四色搭配方案
整篇文章的配色就管够了。

啧啧~找到一个四色搭配方案,两色和三色只要在其中选,通过调节亮度就可以得到4×255个同系颜色。配色工作就完成了,是不是很简单呢。

问题来了:去哪找好看的四色方案?

小通自然有干货敬上,这一个就够了:

图片

设计师配色方案,同样适用于PPT配色

在线配色网站

Colorme(调色工具)

https:///

Colorme(自主配色)

http:///

Colordrop(配色方案参考)

http:///

以上小小经验,却凝聚了小通多年写稿经验。相信我,这也许比你看的任何视频教程更实用。

所以,请务必 转发赞赏点在看!

图片

图片

图片

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多