文章作图小技巧

文章来源:公众号 科研论文时间
这里分享几点配图的作图小技巧,让你也能轻松拥有漂亮的配图!

一、图片配色

其实决定图好不好看的第一要素就是****整体的配色。

配色的原则是要「顺眼」,也就是配色恰当,要依据文章所有图的整体风格决定,绝非花里胡哨。最好的办法就是模仿高分文章的配色方案,那么看到别人的文章中有好看的图,如何获取颜色搭配方案呢?

1、截取高分文章的配色

首先第一步,找到心仪期刊的文章图片。

e382d4a2b88f1947e411264a890dd548.png

第二步,假设你有 AI,那么可太幸运了,将图片复制到 AI,点击左侧菜单栏的吸管工具,然后点击图片颜色处,就可以识别出颜色名称了,或者 RGB 代码,就可以记录下来用于自己的作图了。

3548be05121039d03c42c96f1da9f79d.png

假设没有 AI,也可以使用 PPT 来获取颜色。将图片复制到 PPT,然后在旁边新建一个矩形,右击矩形,点击取色器。

[
4449e89235200f275e6ab3b22b57a643.png

用取色器点击图片彩色处,这时矩形就会填充我们取到的颜色,接着右键单击矩形,点击其他填充颜色,新弹出的窗口就可以获取 RGB 和十六进制颜色模式。


09dee1cfe8d3f26daf68a96e9c9d6b84.png

2、统计绘图直接调用配色

第一种从别人文章提取颜色的做法在一定范围上可以解决问题,但是不能一劳永逸,而自己配色又显得很无味,那怎么办呢?

很多好看的统计图都是借助 R 语言 ggplot 完成的,这里介绍一款优秀的配色 R 包 ggsci,看这个名字就能感觉到它是为 SCI 诞生的。我们以做柱状图为例,演示如何使用以及看看它的配色。先做一个简单的示例柱状图。

43977ea62c2abaf5935fb19e4b24ede9.png

加载 ggsci 包,看几种杂志配色。


2781267cae5d0fbc1184a6a84e151c5c.png

可以看到,相比于默认的配色(左上角),使用了杂志配色后,图篇看起来就「有那味了」。其他的图涉及到颜色设置和填充,也可以直接调用。


69dee80dfbbfc4dae5cd02d309e7fa1a.png

如果不是 ggplot 绘图,也可以提取这些配色的名称,用于其他函数的颜色填充设置、AI、GraphPad Prism 的绘图。

更多的配色和使用可参考官网:https://nanx.me/ggsci/index.html

b2cdfd95f6aec73f8a02fcb97ba11d36.png

二、字体与线条

相比作图排版的时候,你的导师经常会挑的毛病就是字体、线条等等。其实这也是杂志的要求。

整篇研究论文图片,要使用统一的字体。师兄一般习惯在其他软件导出图片时选择 pdf 格式,因为可以导入 AI 成为位图,无论是图片细节,例如字体、描边等都好编辑修饰。

将自己要排版的图片导出 AI,「Ctrl+A」 全选,点击菜单栏「文字」中的「字体」,就可以整体替换字体了,不至于出错。

字体一般选择「Arial」,包含好几种形式,如果投稿期刊有特殊要求则选择其他字体。

ea1c4ad8346827ce6b20eb17facb14ff.png

在菜单栏文字选项下,还可以调整很多内容,例如文字的大小,大小写、插入其他符号等等,能够实现批量操作。

682b4e21e298e0ce44ab8703a549530f.png

线条是很多小伙伴忽略的地方,但其实很多期刊对于图片使用的线条也是有要求的,不论是坐标轴还是图片描边,大多要求是 1pt。

看看分别设置 0.5pt、1pt、2pt 的线条后导出的图片效果,直观来看 1pt 最佳,0.5pt 太淡,而 2pt 又太臃肿。所以在以后的制图中要注意这个问题,至少关注它,让线条统一。

575699a61393751c2d4577e1c4b8ba3a.png

三、图片排版

图片排版就是将多个图形组合到一起,这也是门技术活。一般要求图片的排序整齐,紧凑。大多数的排版都是「横平竖直」,至少在编号上是有规律可循的。如下图所示:

b6eee6babf50681c67f566d20ccdf829.png

很多时候,图形并不是我们所预想的那样,都是一样的比例、一样的尺寸,可能什么样的都有。这时候就需要按照实际的形状进行组合了。

可以稍微改变一些图形的展示、图形之间的间距来达到排版的目的。在排版时,可以打开 AI 的智能参考线选项,有助于细微位置调整和对齐。


b3e1b8430c90516f004970b15ac3303d.png

再如下面《Nature medicine》这篇文章,i、j、k 图都包含多个图形,又不能分开单独展示,那么就可以采用框选的方式,让读者一目了然,框里的图形组合在一起说明一个问题。

80c4a02e558a646262712e02f266a1f6.png

从这两个示例图片也可以看出,它们展示的整体颜色是一致的,整个图看起来也就比较和谐。看文献时,也可以多关注图片配色及排版,对于提高自己的文章图片质量有益处。

以上就是全部内容了。图片配色调整是为了让你的图片看起来更加具有吸引力,看起来更加舒适。字体和线条的调整能让图片具有更好的展示力度和可读性。最后的排版整齐是在空间上让图片更加集中,展示组合整体的效果。

除了做好图片的修饰之外,也要仔细检查,不能出现错误标注和错误使用,保证图片的正确与准确性。做好投稿前最后的准备,会让投稿之路更丝滑、更顺利!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这是一篇对新人非常友好的文章,希望大家喜欢:) 欢迎加入UI设计群587751709 图标的定义 一说到图标,我想...
    UI设计鲲鹏阅读 1,939评论 1 7
  • 一、图标的定义 一说到图标,我想您一定会觉得非常熟悉。图标,也称为 icon 或 picto,是指有明确含义的图形...
    天井四方方阅读 2,028评论 0 2
  • 大家在投稿前首先需要解决的就是投稿的规范和要求了。知道了图表制作的规范,在导出图片时就可以预先处理,如果不了解就比...
    小狐狸科研绘图阅读 37,609评论 0 14
  • 目的:UI设计的目的是为了更好服务用户;能让用户快速完成自己的目标; UI设计的发展趋势:全链路和复合化的设计人才...
    quantre阅读 11,124评论 9 83
  • 一、图标的定义 一说到图标,我想您一定会觉得非常熟悉。图标,也称为 icon 或 picto,是指有明确含义的图形...
    开花了阅读 3,016评论 0 0