查看原文
其他

从顶刊审稿跑路纽约视艺的朋友给我留下的神秘配色网站,让我发了Cell同款

锦鲤 挑圈联靠
2024-08-23

欢迎来到锦鲤许愿池~锦鲤向大家问好,劳动节快乐!


今天,许愿池的系列重出江湖!在往期推送中,我们根据期刊和图表类型分类,为大家陆续推荐了优秀的配色。在春天的末尾(上海不是已经入夏了吗?),我们想借助「春日配色盘」的概念,用色相环和配色网站让大家一站式轻松拿捏各种图表的配色,再也不怕示范配色不够用!


色相环(color circle)中的色彩按照光谱在自然中出现的顺序呈环状排列。我们小时候玩棱镜,让太阳光穿透它分解出“七彩”颜色,那就是自然中的光谱。


在色相环中,夹角60°以内的颜色(色)差异不大;

夹角60°-90°的颜色(色)可以构成较大的反差效果,能够呈现出丰富、跳跃的感觉;

夹角120°的颜色(色)使画面色差对比明显,常用于需要着重说明的主题信息;

处于180°相对位置的颜色(色)体现出强烈的矛盾冲突,但需要谨慎使用,否则会破坏整体的美感。

顺便说一句,经常见血的外科手术医生需要穿绿色的手术服,就是利用了补色原理,避免眼部疲劳喔~


有没有小时候学物理学不下去来学生物的,举个手


图源网络

有没有跟着念「赤橙黄绿青蓝紫」


PALETTON


本期为大家介绍的配色网站 https://paletton.com/ 可谓将色相环玩到了极致。它目前只有英语、捷克语两种工作语言,但胜在界面简洁,通俗易懂,轻轻转动鼠标,就可以获得最多包含20种颜色的配色方案,且支持撤销/重做,绝美配色不容错过。


从《Nature顶刊配色武力值Max!》【加原文链接】中呈现的单色系图表出发,给它一个RGB值(本次设定R248,G63,B64),看看能提供单色/邻近色/三色(可添加补色)/四色/自由模式五种选择的paletton,如何提升图表颜色的丰富性。


Marks et al. Interferon-ε is a tumour suppressor and restricts ovarian cancer.Nature. 2023. PMID: 37587335.

网站


锦鲤会为大家详解从左至右每个模块的作用~



(从左至右)

Monochromatic:单色

Adjacent colors:三个邻近色,可通过按住Shift键调整在色环上的位置。

Triad:三色,与邻近色类似。

(可点击增加补色,此时显示位于中间的颜色的补色)

Tetrad:四色,其中一组互补色可按住Shift键自由转换,默认为四色各成90°角。

Free style:可选2/3/4色,此时每个颜色可单独任意移动。


Dist:多色模式下同组颜色之间的距离,在色环上“离得多远”。

Hue:色调,可以理解成主色在色环上旋转多少°,0°默认主色为Base RGB。

Primary Color:主色,可在色环上直接滑动。

Shades:代表色彩的深浅。共五个点,每个都可以按Shift键的同时在区域内移动。

Base RGB:需要以HEX格式输入颜色以精准改变primary color(例:#F83F3F 可通过colorcodes等网站转换)

PRESETS:根据主色给出多种可选预设方案。



以上任选色环或者预设点击后,就来到右侧模块“我的调色盘”(My Palette),直观展示配色结果。



点击想要详细了解的色块,会单独弹出一个对话框:



你就可以快速了解该颜色的详细内容。(有没有觉得和挑圈联靠自动回复的期刊内容很像)对不熟悉HEX格式的人来说十分友好了。


继续点击右下角TABLES/EXPORT,20种颜色坐标就一览无余了!



如果对当前的方案不满意,可以来到网页右上方,选择撤销/重做/重置,多方面比对一下。



对自己的配色能力没有信心?可以交给网页的随机,它也有四种选项:



大多数时候,选择一个好看的主色,调整色彩之间的距离和深浅,就可以满足科研出图要求。比如借助Paletton对这张图配色的复现


Isozaki et al. Therapy-induced APOBEC3A drives evolution of persistent cancer cells. Nature. 2023. PMID: 37407818.

四色自由模式,主色为RGB(54,134,60)


完全自主选择画面中的每一种颜色,需要很强的色感。色感这一块,别说咱们生信科研人,很多艺考学生、设计师,都会被它绊住,所以很多配色网站才会这么火热。

作为一个合格的配色网站,Paletton提供了基于主色自由调整的色环取色系统,但是对于选择主色的苦手来说, 会不会连取主色这第一步,也畏惧于迈出?

让我们捡起文中提到过HEX-RGB模式转换的网站。下一期锦鲤许愿池,我们会为大家介绍不但能转换格式,还能自动输出标准配色方案的colorcodes,两个网站合作大杀四方!来试试看吧~


继续滑动看下一个
挑圈联靠
向上滑动看下一个

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存