概念地圖・三種資料配色
作者 山姆（謝冠生）・喵喵書評創辦人
發布
分類：敘事
這一頁不只是把一個概念解釋一遍——一張自己畫的結構圖，加上拿台灣情境從頭走一次的實例演練、這個框架什麼時候會騙你，以及它接回 P.A.I.N. 之後長什麼樣。一頁必須交付的三層 →
三種資料配色：先認資料型態，再挑色階
校正報告的封面，八台送校的設備用了八種顏色。第二頁，同一份偏差量從小到大，套了一道彩虹。品保主管指著中間那一道綠問：這裡有沒有一個門檻？沒有。那條邊界是顏色自己長出來的——底下的數列從頭到尾都是平滑的，是色階在中間插了一刀。配色是資料結構的一部分。這一欄的值彼此平不平等、有沒有方向、有沒有一個天然的零，決定了你能用哪一組顏色；挑錯那一組，圖表會替你講出一句你從來沒說過的話。這張圖把三組色階並排攤開，各自對應什麼資料、各自最常被怎麼用壞。
三種色階，各自對應哪一型資料
先把三組的定義寫死，後面每一段都回頭指這張表。
| 色階類型 | 資料長什麼樣 | 顏色怎麼變 | 最常見的誤用 |
|---|---|---|---|
| 類別型 | 機台代號、部門、品項——彼此無序，沒有誰大誰小 | 色相各自分開、明度接近；可分辨上限約七到八色 | 拿明度漸層去畫類別，讀者會讀出一組不存在的排名 |
| 順序型 | 溫度、偏差量、等待天數——有方向，可以排先後 | 單一色相，明度單調變化，相鄰兩階的感知間距要均勻 | 套彩虹，明度上上下下，中段浮出一條假邊界 |
| 發散型 | 與規格中心值的差、年增率——中心兩側意義相反 | 中間最淺、兩端最深，兩側用一對對立色相 | 中心點沒對準零，正負被畫進同一個色調裡 |
三列的差別藏在第二欄，不在第三欄。你會先看第三欄挑顏色，但決定權一直握在第二欄手上——資料本身有沒有順序、有沒有中心，是先於美感的事實。表裡那三格警示欄各自對應一種讀者誤讀：排名是被明度製造出來的，邊界是被色相斷點製造出來的，方向是被中心點偏移製造出來的。三種都不會在圖上留下錯誤訊息，它們只會讓人點頭。
三個問題，決定你該用哪一組色階
一、這一欄的值彼此有沒有大小。把兩個值隨手對調位置，如果整張圖的意思沒有變，那它就是無序的類別。機台編號、產品線、客戶類型都屬於這一類——編號寫成 1 到 8，看起來像有順序，那只是流水號。類別型只需要「看得出不同」，所以色相要分得開、明度要接近；一旦你給了明度差，讀者會自動把深的排到前面。自問：把這兩格的顏色互換，我的結論會不會變？
二、有沒有一個天然的零。順序型與發散型的分水嶺只有這一件事。等待天數沒有中心，零就是最小值，這是順序型；與規格中心值的偏差有中心，零在中間、兩側意義相反，這是發散型。發散型最常壞在中心點被自動算成資料的平均值——平均值不等於零，於是所有負偏差裡有一段被畫成了「正」的顏色。自問：這組數字裡的零，在色階上落在哪一格？
三、把顏色抽掉，還讀不讀得出來。顏色要當唯一的編碼通道，前提是所有讀者都看得見同一件事，而紅綠對立這一組在部分男性讀者眼裡會塌成同一條——比例是數個百分點，在一場三十人的品保會議裡就有機會出現。可行的替代是藍與橘這類對立；更穩的做法是加第二個通道：明度差、形狀差，或者直接把數字標在格子上。自問：印成灰階之後，這張圖還說得清楚嗎？
一間校正實驗室的偏差看板，重配一次顏色
- 原本那面看板：八台送校設備各佔一格，用了八種顏色，旁邊再放一張「本月偏差量」熱區圖，套的是同一套彩虹。兩張圖顏色長得像，讀者以為是一組。兩種資料型態共用一套色階，等於把「哪一台」和「差多少」混成同一件事
- 先拆型態：設備代號是類別，偏差量是順序，與規格中心值的差是發散。三欄三型，本來就該用三組顏色。拆完之後，該用幾組色階不必再討論
- 設備那一格改掉：八色砍到六色——五台各一色，最少送校的那三台合併成一格「其他」，色相各自分開、明度接近。超過七八色之後多出來的那幾格，本來就沒有人分得出來
- 偏差量改成單一色相：金色由淡到深六階，深的那端數值大，不必看圖例。品保主管上一次問的那個門檻，跟著彩虹一起消失。假邊界一走，真正的離群值反而跳出來了
- 與規格中心值的差改成發散型：中心那一格鎖死在零，往左朱紅、往右綠。第一版忘了鎖，工具拿當月平均值當中心，於是一批全部偏低的量具裡有四支被畫成了「偏高」。中心點沒鎖，整張圖的正負是反的，而畫面看起來完全正常
- 最後加第二個通道：超出管制界限的那幾支量具，格子上直接補上數字與一圈外框。顏色看不出來的時候，還有數字與外框在講同一句話
這面看板重配前後，資料一個字都沒改，換的只有顏色。值得記住的接縫在第五步：中心點那一次錯位，是整輪裡唯一沒有任何人看得出來的錯。前面幾步錯了，圖會看起來怪怪的——顏色太多、階梯不順、中間浮出一條線，人的眼睛會抗議。中心點錯位不會，它產出一張漂亮、順眼、每一格都有顏色的圖，只是把四支偏低的量具說成偏高。配色的風險就集中在這一類：讓人點頭的錯，比讓人皺眉的錯貴得多。所以發散型的中心點該當成參數，寫在報表設定裡、每次出圖前確認一次，別交給工具自動算。以上為說明結構用的示意情境，僅供理解框架之用。
配色什麼時候會騙你
- 彩虹的壞處在明度，不在品味。把彩虹色階轉成灰階，你會看到明度上上下下：黃色那一段特別亮，綠青那一段的感知變化又特別慢。結果是兩件事同時發生——綠青區間裡真正的差距被壓平，讀者以為那一片都差不多；而綠與黃的交界處明度陡然一跳，讀者「看到」一條邊界。資料是平滑的，但眼睛拿到的訊號有一個落差。品保主管指的那道綠，就是這麼長出來的。
- 紅綠對立是最容易踩的無障礙地雷。紅綠色覺辨識困難在男性人口裡佔數個百分點，通報率低，因為對當事人來說那張圖並不會顯示成一片模糊，它會顯示成一個看起來很合理、只是結論不同的畫面。發散型偏偏最愛用紅綠。改成藍與橘這類對立色相可以解掉大半，但真正的保險是別讓顏色單獨承擔意義——加明度差、加形狀、加標註，任何一個第二通道都行。
- 連續色階被切成幾級，門檻位置就是結論。同一份偏差量，切五級和切八級會紅成不同的樣子；門檻定在管制界限或定在標準差，紅的那幾格也不一樣。這件事不會出現在圖例上，圖例只寫顏色對應哪個區間，不寫這些區間是誰決定的。看到一張分級著色的圖，第一個該問的是斷點怎麼來的——等距、分位數，還是有人手動拖到「看起來對」的位置。
顏色會替你決定讀者先看到什麼
顏色比文字先到達讀者。
標題還在被讀第一個字的時候，眼睛已經把整張圖掃過一遍，先分出深的那一邊和淺的那一邊。所以色階是你替讀者做的第一個判斷，而它在標題被讀懂之前就生效了。《痛點》那把尺問的第一句是「誰在痛」——在一張偏差看板上，紅色格子的位置就是你認定的痛在哪裡。中心點往左挪一格，痛的人就換一批。這張圖畫得出哪一型資料該配哪一組色階，畫不出你的讀者看完那片紅之後會不會真的動手：他可能點頭、可能截圖轉發、可能什麼也沒做，而這三種反應在圖上長得一模一樣。所以配色的驗收不在配色本身，在下游——那張圖發出去之後，有沒有人因為它改了一個動作。今晚挑一張你最常發出去的圖，印成灰階，看剩下多少人讀得懂。
關於資料配色，常被問到的幾件事
彩虹色階是不是完全不能用？
在順序資料上要避開，理由是明度不單調，會製造出資料裡沒有的邊界。但彩虹本身有一個合法用途：當你要畫的是類別，而且類別數量不多的時候，從彩虹上取幾個彼此分得開的顏色是可以的——因為那時候你要的正是「色相不同」，並不需要明度講故事。判準回到型態：資料有方向就別用，沒有方向才能考慮。另外，一旦類別超過七八個，彩虹取樣也會開始出現兩兩難分的顏色。
類別最多可以用幾種顏色？
實務上七到八色，超過之後多出來的那幾格分不出來，讀者要在圖與圖例之間來回對照，等於回去讀文字。超過就合併：留下你真的要講的三到五類，其餘歸成「其他」用一個中性灰。如果每一類都非留不可，那多半是圖型本身選錯了——顏色只有這麼多容量，硬塞進去的部分會靜靜地失效。想清楚哪幾類要被記住，比想清楚要用哪幾個顏色重要。
怎麼快速檢查色盲安全？
最省事的一招是印成灰階或截圖轉灰階看一次。灰階把色相全部拿掉，只剩明度——如果灰階版讀不出來，代表你的圖完全靠色相在編碼，那就是紅綠那類問題的高風險群。第二招是把顏色數量壓到最少，然後替關鍵那幾格加第二個通道：直接標數字、加外框、換形狀。這兩招合起來，就擋掉大部分實務上會出事的情況，不必特地去查色覺模擬工具。
順序型一定要單一色相嗎？
單一色相是最保險的做法，因為明度單調這件事幾乎自動成立。跨兩個色相的順序色階也可以做得很好，條件是明度全程單調上升、而且相鄰兩階的感知間距接近，那需要在感知均勻的色彩空間裡調，不是在調色盤上憑眼睛挑。沒有那個工具就別冒險。判斷方法一樣：轉灰階，看那條色帶是不是從頭到尾一路變深，中間有沒有哪一段忽然停住或倒退。
顏色決定完之後，還有一個決定更早該做：這份資料到底該用哪一種圖。圖表選擇指南處理的是那一步；等圖型與顏色都定了，剩下的問題是這幾張圖該用什麼順序端到人面前——資料敘事弧線講的是那一段。
喜歡這篇文章嗎？
每週幫你拆二本好書，把判斷力、好書金句、好問題，直送你的信箱。
不適合你可隨時退訂 · 每週兩封，陪你把書讀進生活。
送出即表示同意我們依隱私權政策使用你的 email。