共通設計理論教材 / Class LLL

類別、順序與色彩編碼

顏色是在分種類，還是在說多少？

同一組三站資料，分別用顏色表示站名、等級、分鐘或相對20分鐘差值。逐一核對圖例、標籤與原表；拿掉色彩後資訊仍可讀，不把色盲篩選當認證。

撰寫與維護：Class LLL · Lab Light Label｜預估閱讀 9 分鐘

開啟互動教材查看參考來源

閱讀目標

依資料含義選配色角色
定義發散中點而非裝飾置中
保留文字及形狀冗餘並交代限制

適用條件與學習範圍

一組淺深顏色是在暗示次序，還是只是區分三個沒有高低的站名？

能分清類別、順序與數量；先看原表，不需色彩模型先修。

能為類別、順序與有意義中點的資料說明色彩角色，完成換欄位的比較，並用同灰與換目的反例核對非色彩線索。

不提供所有讀者最佳配色、均勻色差算法、完整可及性認證或色覺診斷；本例三色不是完整連續數值解碼系統。

原理與判斷

顏色沒有天然附帶欄位名稱。把同一個藍色放在站名、服務等級或分鐘旁邊，讀者需要不同的圖例才能知道它在說什麼。先問有沒有內在順序、是否關注某個臨界值，再選類別、順序或發散的角色。 ColorBrewer作者的scheme types說明提供這三種實務分類；它是為製圖建立的工具，不是所有網站或讀者的普遍配色實驗。本站以原創三色與合成表示範含義，並不宣稱沿用某份外部官方palette。

類別色先辨誰，不暗示量

選類別：站名。三個色樣分開北、中、南，站名沒有內在高低；◆、●、■及文字同時保留。色樣的亮暗仍可能讓某站更突出，因此「類別」不等於保證每類同樣醒目。圖例照站名列，不能把淺深誤讀成候車多少。ColorBrewer也提醒某些Paired配色會暗示親緣，Accent會突出特定類別；選類別色仍要說明是否有意強調。

順序與數量不要混成同一欄

選順序：等級，圖例明寫低＜中＜高，北高、中低、南中。本站用三段淺到深作次序線索，但沒有定義等級間數值差。顏色更深不表示服務品質是兩倍。改選數量：分鐘，色樣對應10、20、40。此例只為三個具名值提供色樣，數字仍是精確資訊；不聲稱相鄰色差與分鐘差成比例，也不讓兩個色樣的差異取代原表。要估1:4可回空間通道比較。

發散的中點由問題定義

選差值：相對20分鐘。原表各值減目標20，得到-10、0、+20分鐘；負表示少於目標、0表示相等、正表示超過目標。中間色代表0差值，這個中點有任務含義。 -10至+20範圍的幾何正中是+5，但它不等於達標。本例因此不為視覺對稱而把+5塗成中立色。兩端距離不相等，色樣只分負／零／正並附精確標籤，沒有假裝距離相等或連續感知量測。

拿掉色彩，檢查還能讀什麼

按色樣改成同灰。這是直接把色樣填成相同編碼，並不是模擬任何色覺情況。站名、形狀、等級、分鐘與差值標籤仍在；請實際用文字回答問題，再決定哪條線索不可刪。縮半或換查站名的目的後，原本的數量色可能不再是重點。色樣的對比、背景、尺寸與真實使用者需求仍須另驗；即使工具有colorblind-safe篩選，也不能把它當作本成品已通過可及性驗收。

步驟與觀察

選站名並核對圖例
先用類別色找北站，指出它沒有量的含義；讀◆●■與站名，避免只說藍色那個。
換等級再換分鐘
原表不變，依序換順序與數量欄位。說清這次變的是映射含義，不是站名或資料值。
定義差值中點
以目標20分鐘核對-10、0、+20，解釋0的意義，不能把視覺正中或漂亮配色當中點理由。
以同灰和縮半反查
保留標籤將色樣改同灰，再縮半。用原表回答問題，補讀空間通道後返回保留本頁配色欄位。

常見問題

淺深站名色被當成排名

先交代站名無高低，並用文字／形狀辨類別；若真要表等級，另換欄位與圖例。

把中立色放在數值範圍正中

先問是否有目標、零差值等有意義臨界；本例是0差值，並非範圍中間的+5。

拿同灰當色覺測試或認證

本控制只刪填色差異，用來核對文字冗餘；不模擬色覺、背景對比或所有讀者需求。

適用範圍與證據

原教材查核日期：2026-10-23 適用範圍：原創三列合成資料的類別／順序／數量定義、空間通道與配色語義；跨工具觀察。來源狀態：S23已重新開作者研究室10頁PDF，實讀pp.3–4 Experiment 1A 方法／Results與p.8 Standard HITs Frustrate Fine-Grained Timing，及p.1的顯示環境限制。不是只讀摘要；本站不複製其刺激圖或新增讀者實驗。S22讀官方Charts Comparisons／Trends導論，屬品牌實務而非普遍成效實證。ColorBrewer原作者scheme types公開全文已讀sequential／diverging／qualitative與Paired／Accent限制；未取得1994引用章節全文。示意限制：合成虛構三站資料，固定假設時刻：北10、中20、南40分鐘；服務等級高、低、中無等距保證；相對20分鐘的差值-10、0、+20。非觀測、非本專案營運指標。重用40件校樣架，原創300×260平面圖；位置／長度線性0–40，圓面積成比例且半徑開平方。配色為本站示例，不抄ColorBrewer原圖，不宣稱色差等距或可及性認證。原生軟體實測：未實測Photoshop／Illustrator／Figma圖表工具，不模擬其資料匯入、色彩管理或輸出。學習成效驗證：未取得本站真人、眼動、反應時間或學習成效。切換、縮小與自行插旗不構成實證，也不建立所有通道固定排名。

參考來源

來源依原教材逐頁維護；本次建立閱讀網址不代表重新完成原生軟體或真人學習測試。如遇版本差異或內容錯誤，歡迎來信提出具體段落與版本。