跟頂刊學(xué)SCI圖片配色,1分鐘完成一套審稿人最愛的配色方案!
好的科研圖片配色,能夠讓編輯眼前一亮,審稿人更容易分析,更能讓讀者一目了然。然而,大家在作圖或者做PPT的時候,往往憑著一股直覺去做,做出來的結(jié)果自然不能讓人滿意。
論文圖配色如何做到美觀、協(xié)調(diào),并且易讀性強呢?頂刊的配色技巧get一下,還有專業(yè)設(shè)計師推薦的配色工具,高級配色幾秒鐘就能搞定。

另外我整理了1000張高級配色的nature 論文插圖,有需要的小伙伴可以在科研根號三回復(fù)公眾號回復(fù)關(guān)鍵詞“繪圖13111”領(lǐng)取資源。

一、頂刊色彩搭配技巧
①單色(首選藍(lán)色)
雖然現(xiàn)在我們選用單色作圖的情況并不是很多,因為大多數(shù)情況要進行數(shù)據(jù)比較。如果需要使用單色的情況,建議使用上述的藍(lán)色,要比黑色或者灰色更加活潑。
?

②雙色、三色搭配
a.雙色、三色搭配要避免選擇標(biāo)準(zhǔn)色,千篇一律的標(biāo)準(zhǔn)色搭配容易顯得沒有質(zhì)感。
b.雙色搭配,可以選擇兩個互補色,就是兩個差別非常大的顏色,這樣的對比會更加明顯。一般會選黑色、深棕色和其它顏色做搭配。
C.三色搭配,可以選差異性比較大的顏色。顏色少的時候可以偏向于選擇深色系顏色做搭配。

三色搭配

③四色及以上搭配
有多組數(shù)據(jù)的時候需要考慮協(xié)調(diào)和易讀性。多組數(shù)據(jù)的插圖建議用鄰近色搭配,協(xié)調(diào)且易讀,臨近顏色搭配給人一種循序漸進的感覺。
鄰近色用暖色或者冷色調(diào)都可以。

如以下案例中,同系配色簡直就是救星。雖然有12組數(shù)據(jù),看上去卻很舒適。
設(shè)想一下如果顏色用的每個都不一樣,容易造成雜亂無章的錯覺,所以這就是為什么我們要考慮協(xié)調(diào)和易讀性。
十二色搭配

二、頂刊色彩取色
在閱讀文獻(xiàn)的時候碰到插圖里好看的配色,怎么做取色?這里推薦我自己常用的2種取色方法。以下圖為例做示范。

1、windows自帶畫圖工具取色
首先打開windows的畫圖軟件,可在搜索框中直接搜索“畫圖”。打開后將上面這張圖復(fù)制進畫板中:

選擇吸管工具,點擊想吸取的顏色,再點擊編輯顏色,即可顯示相關(guān)的顏色代碼,包括HSL和RGB代碼。


2、PPT取色
打開PPT,將該圖復(fù)制到PPT中,選擇格式——圖片邊框——取色器,吸取顏色:

然后點擊“其他輪廓顏色”,跳出顏色選項,有RGB、HSL、十六進制三種顏色代碼:

當(dāng)然還有很多其他可以取色的軟件,如AI、PS、Snipaste等這些都可以。但是如果只是完成取色,個人覺得以上幾種方式是最快捷簡單的!
?
3、顏色代碼轉(zhuǎn)換
如果你習(xí)慣用的工具取色的顏色代碼不能用到其他繪圖軟件中,可以直接轉(zhuǎn)換代碼,給大家介紹一個顏色代碼轉(zhuǎn)換小神器——color drop,支持十六進制、RGB、HSV、HSL、CMYK代碼間的相互轉(zhuǎn)換,覆蓋所有顏色代碼格式。
網(wǎng)址:https://colordrop.io/converter/

三、高端配色工具
除了參考頂刊的配色,還可以輔助的使用一些配色網(wǎng)站,有了它們完成一個高級的配色也非常容易。
1、Data Color Picker
https://learnui.design/tools/data-color-picker.html#palette
作為一個沒有任何色彩天份的人,我真的喜歡Data Color Picker,給大家強烈推薦。
Data Color Picker上色卡的顏色的數(shù)量可以自定義調(diào)整數(shù)量,還有三種配色模式,這樣的配色對于許多數(shù)據(jù)可視化效果非常有用,例如餅圖、分組條形圖、地圖等。工具使用簡單,新手友好。
①模式一:調(diào)色板生成器
這里可以指定調(diào)色板的兩個端點進行配色方案的調(diào)整,調(diào)色板生成的配色方案最多支持8個顏色。
如何進行調(diào)色呢?
首尾兩端下,一個冷色,一個暖色;一個亮色,一個暗色。這樣可以讓你的整個配色方案更加豐富。
如下圖,這是我自己輸入了兩個頂端配色,一個冷色,一個暖色;配置好后它會根據(jù)兩個頂端給出一套配色方案。除了自己輸入顏色代碼,點擊首尾兩端的顏色也能直接調(diào)出色卡,直接進行配色。
點擊【復(fù)制十六進制值】,可以一鍵復(fù)制整套顏色代碼。


#006f5c
#1b7c55
#3a884a
#5b9339
#7f9b24
#a6a105
#d1a300
#ffa100
這里的顏色代碼就是我直接復(fù)制的十六進制值。
②模式二:單色調(diào)漸變色配色
單色調(diào)這一類,是漸變色的調(diào)整,上文中說到有多組數(shù)據(jù)的時候需要考慮協(xié)調(diào)和易讀性,這樣的漸變色(鄰近色)就非常合適。同時還可以調(diào)整亮度還可調(diào)整色彩強度。配色方案下最多支持9個顏色。
在第一個色值下我們可以輸入主色,也可以點擊第一個顏色調(diào)出色卡進行顏色的選擇。
如下圖,這是我想做一個9色的紫色系漸變配色方案。如果你對顏色不滿意,還可以通過亮度和顏色的強度修改色階自定義調(diào)整。

③模式三:發(fā)散色階配色
發(fā)散色階生成器對于可視化效果太有用了,在這些可視化中,顯示了從 (a) 一個極端,到 (b) 中性中間,最后到 (c) 相反極端的過渡。配色方案下最多支持13個顏色。

官網(wǎng)上給出的介紹,最常見的例子是“美國每個州的民主黨/共和黨人如何”圖表。兩類多組數(shù)據(jù)進行對比,就適合用這樣的配色方案。

2、LOL Colors
https://www.webdesignrankings.com/resources/lolcolors/
如果是四色搭配,非常建議你使用LOL 上的配色,LOL 將許多四色配色方案都直接打包好了,每個方案都有HEX和RGB等代碼,確保你立刻可以上手使用。

四、配色總結(jié)
1、不要用熒光色:這些高亮度高飽和度的顏色,除非你想閃了審稿編輯的眼。
2、避免選擇標(biāo)準(zhǔn)色:大家都用默認(rèn)配色,千篇一律,毫無特點。
3、系列配色保持一致:如果你的文章包含很多圖表,那么在不同的圖表中,同一個類目最好用同一種色系。
4、不要亂用顏色:顏色是有意義的,如大紅色,在我國往往給人一種過年的感覺,但在一些西方國家則可能意味著熱情,也可能意味著危險。
5、推薦的第一個配色網(wǎng)站Data Color Picker真的非常好用,配色上可以避免踩坑,也能讓你的配色比一般人的更勝一籌。
?
另外我整理了1000張高級配色的nature 論文插圖,有需要的小伙伴可以在科研根號三回復(fù)公眾號回復(fù)關(guān)鍵詞“繪圖13111”領(lǐng)取資源。