提示
科研配色快速選色:多數科研插圖可以從六色以內、彩度較柔和的定性色板開始。呈現數值大小時用連續色板;資料圍繞有意義的中點變化時用發散色板。需要色覺友善的分類配色時,可從八色 Okabe–Ito 色板選出最多六色,再搭配文字、形狀或位置,讓讀者有不只一種辨識方式。
科研配色的作用,是讓讀者迅速辨識類別、順序與重點,減少來回查閱圖例。本指南整理適合論文插圖的
HEX 色碼與配色方案,涵蓋資料圖表、圓餅圖、熱圖、海報與機制途徑圖。你也可以從 SciFig 的
科研配色產生器 取得可複製的色碼,作為製圖起點。
色覺友善也是選色的一部分。
Bang Wong 在 2011 年《Nature Methods》的指引指出,在具有北歐血統的人群中,常見的紅綠色覺缺陷比例可達男性的 8%、女性的 0.5%。因此,圖中的顏色應搭配文字標註、形狀、線型或位置,讓資訊維持可辨識性。
科研配色色票網格與 HEX 色碼,包含連續、發散與定性色板(SciFig 生成示意圖)
配色如何影響科研插圖的易讀性
顏色是傳遞資訊的視覺編碼。選得合適,讀者就能迅速區分組別、找到主要結果,也較容易在灰階列印或色覺差異下讀懂圖表。配色若沒有清楚的層次,就會增加查閱圖例的負擔。
常見問題有三種。
彩虹色板,例如早期的 jet 色階,色彩變化在感知上並不均勻,會讓連續資料看起來出現不存在的邊界;
2020 年《Nature Communications》的觀點文章說明了這類失真,並建議採用依科學原則設計的色板。
只靠紅綠區分則會讓部分具有色覺缺陷的讀者難以辨識。
類別顏色過多也會讓圖例變成反覆查表的工作;實務上可先控制在六色左右,再用形狀、紋理或直接標註呈現其他組別。
適合期刊論文的配色:Nature、Cell、IEEE 與 Lancet
準備論文插圖時,彩度克制、明暗對比清楚的配色,通常比鮮豔的彩虹色更容易閱讀。以下色板可作為實務起點;Nature、Cell、IEEE 與 The Lancet 的投稿要求,仍應查閱各自的官方規範。
| 色板 | 適用情境 | HEX 色碼範例 |
|---|
| 柔和定性色板 | 長條圖或折線圖中的六組以內資料 | #4E79A7 #F28E2B #59A14F #E15759 #B07AA1 #76B7B2 |
| Nature 風格冷色系 | 兩至三組的比較 | #386CB0 #7FC97F #BEAED4 |
| 單色系連續色板 | 有順序的資料、密度或數值大小 | #F7FBFF #9ECAE1 #4292C6 #08519C |
| 發散色板 | 具有明確中點的資料,例如對數倍數變化 | #B2182B #F4A582 #F7F7F7 #92C5DE #2166AC |
兩個原則就能處理多數情境:有順序或連續的資料用連續色板,例如同一色相由淺到深;資料以有意義的零點為中心時,用發散色板。沒有先後順序的組別則用定性色板,先將色數控制在六色左右;更多組別可搭配形狀或紋理。
你可以先把資料分成三類:定性色板辨識不同類別,連續色板呈現逐漸增加的數值,發散色板呈現中點兩側的差異。若要替科學示意圖配色,顏色還可以更精簡:讓每種顏色代表分子類別、區室或狀態,形成穩定的語意對應。
柔和定性、連續與發散色板,分別套用於相同長條圖與熱圖的比較(SciFig 生成示意圖)
色覺友善色板與檢查方法
色覺友善色板能降低部分讀者無法辨識色相差異的風險。常用的起點包括 Okabe–Ito 色板與 Wong 在《Nature Methods》介紹的配色;兩者都重視常見色覺缺陷下的辨識度。
Masataka Okabe 與 Kei Ito 的 Color Universal Design 原始指引列出八色:
#000000(黑)、
#E69F00(橙)、
#56B4E9(天藍)、
#009E73(藍綠)、
#F0E442(黃)、
#0072B2(藍)、
#D55E00(朱紅)與
#CC79A7(紅紫)。這組顏色依色覺缺陷下的區分能力挑選,各色之間的辨識度比彩虹排列更重要。
檢查任何色板時,可養成兩個習慣。第一,在紅綠區分之外,再加入位置、形狀、線型或文字標註。第二,同時做灰階檢查與色覺缺陷模擬。灰階檢查的是明暗對比;紅色盲、綠色盲與藍黃色覺缺陷的模擬,則檢查其他視覺差異。下圖比較紅綠編碼與 Okabe–Ito 配色在綠色盲模擬下的效果。
紅綠配色與 Okabe–Ito 色板在綠色盲模擬下的易讀性比較(SciFig 生成示意圖)
看向量畫布編輯實戰
開啟 SVG 圖件,在 SciFig 瀏覽器畫布裡調整元素、標註與色彩,完成科研插圖的精修。
探索該工具
依圖表用途選擇色板
選色的第一步,是判斷圖表要傳遞什麼資訊。讓色板對應資料類型,比單憑喜好更容易做出一致的決定。
- 折線圖、長條圖與其他資料圖表:採用柔和的定性色板,以六色左右為起點。若資料序列更多,可拆成多個小圖,讓比較維持清楚。
- 盒鬚圖與分組比較:使用兩至四個對比明確的分類顏色;組內填色保持較淺,讓中位數線清楚可見。
- 熱圖:單向增加的數值用連續色板;有意義的中心,例如零、基準值或對照組,用發散色板。優先選擇感知均勻的色階。
- 圓餅圖:需要使用圓餅圖時,可將扇區控制在五個以內,安排清楚的順序,並讓相鄰扇區有足夠的明暗對比。
- 組合圖:主要資料序列用一個較飽和的重點色,輔助的長條、面積或線條則用柔和顏色。讓主要訊息先被看見,其他顏色提供背景脈絡。
- 途徑圖與機制圖:使用精簡且有語意的色板,例如每類分子固定一色,並在整張圖中維持相同的對應方式。
共同原則是:
配色應減少讀者的理解負擔。合適的圖表配色會讓類別、順序與重點一目了然。若讀者必須反覆查閱圖例,就值得再調整色板或標註。其他常見的製圖問題,可參考
五個常見科研插圖問題。
科研圖表的選色流程
替資料圖表選色時,可按照固定流程決定。先辨認資料關係:類別使用定性色板,數值大小使用連續色板,中心兩側的變化使用發散色板。
接著決定希望讀者先注意什麼。組合圖通常可讓主要序列使用一個重點色,其他序列退到視覺背景;圓餅圖則著重精簡扇區、提升對比,讓讀者容易比較。
最後,把色板放回實際圖表檢查:白色背景、灰階匯出與色覺缺陷模擬,都應保有清楚的資訊層次。若某個視圖中的層次消失,先修改配色與輔助標註,再準備投稿版本。
學術海報的配色
海報的觀看距離較遠。在期刊插圖尺寸下細緻的配色,放到海報會場、從兩公尺外觀看時,可能變得不清楚。因此,海報通常適合略高的對比與更精簡的色板,例如兩至三色再加中性色。
一個實用做法是:用深海軍藍或藍綠色建立版面結構,保留一個重點色呈現核心發現,背景則用白色或很淺的顏色。海報中的圖表也採取相同策略:精簡顏色、加強對比,讓最重要的視覺訊息清楚突出。
從資訊層次、主視覺到配色的完整海報編排,可參考
學術海報範例指南。
用 SciFig 維持整篇論文的配色一致
SciFig 的
科研配色產生器可協助選擇定性、連續或發散色板,並提供 HEX 色碼。將色碼套用到
向量畫布,在各個分圖中維持相同的類別與顏色對應。
流程有三步:依資料關係選色板、複製一組有記錄的 HEX 色碼,再於整篇論文中重複使用。例如圖 1 的對照組是藍色,圖 2 至圖 6 也維持藍色。簡單的配色紀錄,可以讓不同分圖與共同作者使用一致的視覺語意。
套用後,進行灰階與色覺缺陷模擬檢查,並在投稿前核對每個圖例標籤與資料值。其他製圖品質檢查,可參考
有限預算下的科研插圖製作;想看視覺範例,則可
瀏覽靈感圖庫。
彩虹色階與精簡連續色板套用於等高線圖的前後比較(SciFig 生成示意圖)
在向量畫布裡精修圖件
在瀏覽器畫布中開啟 SVG 圖件,調整元素、配色與版面,再匯出精修後的科研插圖。
免費試用
常見問題
多數插圖可以從六色左右、彩度較柔和的定性色板開始。有順序的資料用單色系連續色板;具有明確中點的資料用發散色板。需要兼顧分類與色覺友善時,Okabe–Ito 是常用的起點。
分類配色可以先控制在六色左右。組別更多時,用形狀、紋理、直接標註或多個小圖協助辨識。連續與發散色板呈現的是連續範圍,色數原則與離散類別有所不同。
使用少量、語意一致的顏色,讓每種色相代表分子類別、區室或狀態。多數情況下,三至五個容易區分的顏色,加上中性色就足以開始。SciFig 的
科研配色產生器也能提供附 HEX 色碼的示意圖配色起點。
以三至五個扇區為起點,使用明暗與色相容易區分、彩度較克制的色板。相鄰扇區要有足夠對比,避免近似的中間色調。類別超過五個時,長條圖通常更便於科研比較。
主要序列使用一個較飽和的重點色,輔助序列則用柔和顏色。例如深藍折線呈現主要訊息,灰色或淺藍綠色長條提供背景脈絡。這樣能建立清楚的視覺層次。
先建立一組 HEX 色碼,將每個類別固定對應到同一顏色,再套用到所有插圖。SciFig 的
配色產生器提供色碼,
向量畫布則可在編輯時套用。保留一份簡短配色紀錄,方便共同作者沿用相同規則。