共通設計理論教材 / Class LLL

色彩角色、面積與情境

同一組色票，讓不同資訊取得空間

把顏色分配給基底、支援與需要區別的資訊，再比較面積與換用途的代價。固定比例只可作提案起點；同色票換角色或換成圖文後，仍須重新檢查必要資訊。

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

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

閱讀目標

以資訊目的命名色彩用途
說明擴大一區會取走誰的空間
保持色票交換角色作兩版比較
換圖文與觀看目的時重新判斷

適用條件與學習範圍

這個顏色為誰工作？把它放大或交換給另一份資訊，哪個目標可能獲益、哪個需要重判？

先說一項必要資訊與觀看目的；不要求熟悉軟體。色彩屬性與色相關係可隨時補讀。

能提出兩份保留相同色票的角色安排，指出面積／用途的取捨，在換成圖文或換目的時提出反例；不把60／30／10、最大面積或高飽和當成普遍正解。

角色是本站提案約定，不是顏色永久身份；幾何像素不量測心理重心或注意力。校樣文字與固定布局非真使用者研究，不保可讀性、情緒或品牌效果。

原理與判斷

選了三個色碼還沒有完成配色。要把它們放到具體內容裡，決定哪些提供大範圍基調、哪些支持組織、哪些用於區別。這些工作是可更改的設計選擇，不是顏色天生就有的職位。面積能讓安排發生變化，卻不等於注意力分數。本站沿原機構列真正幾何像素，再補兩份相同色票的角色校樣，讓你清楚指出改變；結果是否支持目的，仍由用途、觀看條件及必要資訊檢查。

先列資訊，再分配角色

先寫必要內容：夜間觀察、11月14日19:30、設計教室。若要先認活動，活動名可能取得較強線索；若要快速找時間，就不能只因時間是次要版位而讓它難辨。這是目的提案，不代表網站知道任何人第一眼會看哪裡。教具把三色約定為基底、支援、標記，A保原分配，B可把底色與標記交換。相同色票承接不同工作，配色清單雖沒增加，畫面安排已不同；先說哪份內容得到哪個色，再談自己是否喜歡。

面積是資源分配，不是固定配方

選面積與辨識，保持色碼，把強調目標從15改35。既有模型固定支援區，擴大強調會取走基底；實際比例由整數幾何像素算出，所以滑桿意圖與表格可能略有差。不要把它誤讀為注意力增加多少。 60／30／10可以是某次草案的參考，這個活動卻不規定每份內容都要三色或該比例。若必要訊息被壓縮，再好記的數字也不替它恢復；指出誰讓出空間，才能討論這個取捨是否值得。

保留色票，交換底色與標記

先用幾何角色看A／B。交換只改B，A的分配保留，兩版都讀同一組當前RGB；這讓你比較顏色被安排到不同位置與面積後的關係。再換方片／圓片，觀察形狀條件是否改變你的判斷。活動校樣的版面固定，只交換底色與日期標記色；它沒有宣稱符合上方幾何的面積統計。這種刻意分開讓你知道一張抽象圖的數字，不能自動當作有真文字海報的量測。

反例：換目的不換畫面，結論仍可能改變

保持校樣所有設定，先問能否認出活動，再切先找時間。切目的沒有改任何校樣文字、色票或布局，只改了你要找的訊息。若同一安排支持第一問卻不支持第二問，就能指出「這版較好」必須附用途。接著提出一次只改一項的下一版，例如提高時間與相鄰底的區別，或重排時間位置；先別把色、大小、位置一起改完。這頁沒有測讀取時間，也不替你把個人觀察推成全部讀者的表現。

必要資訊不只留給顏色承擔

若顏色表達分類或狀態，保留文字或形狀線索，讓訊息不用只依色名傳達。校樣在正常色彩之外還寫出活動、時間與地點，本站操作也有完整名稱；校樣可能因你的選色變難讀，完整內容另在高對比說明保留。這不是色覺模擬或整站認證。縮成48原生幾何窗口時再看細標記是否留下，但不能用抽象形狀清楚就聲稱真海報文字已可讀。換真內容、成品大小、觀眾或媒介時重新檢查；喜歡與必要辨識都可以記錄，兩者不互相代替。

步驟與觀察

列出目的與必要內容
選一項要先找到的資訊，保留其他不能消失的內容；先不挑固定比例當答案。
保持色碼，只改面積
在原機構把目標15改35，讀真像素、描述誰讓出空間。再換形狀，說明需重判的條件。
同色票做角色兩版
切幾何角色，B交換底色與標記，核兩版沒有新增色票；再切活動資訊，不把幾何比例當海報面積。
換目的並補讀返回
保持校樣，切先認活動／先找時間，提出不同用途下的取捨。補讀色相關係或明暗後返回／重載保留，重設只回本頁。

常見問題

最大面積就當所有人第一眼

面積只描述安排；語義、相鄰差異、位置與觀看任務仍需檢查。

配色比例正確卻找不到必要資訊

先指哪份內容失敗，再改一個可比較條件；比例不是讀取成效。

抽象圖清楚就宣稱小字可讀

用真內容及成品尺寸檢查；幾何縮圖不能替字型與閱讀試用作證。

適用範圍與證據

原教材查核日期：2026-10-23 適用範圍：跨工具配色提案、用途與原創校樣觀察；不限定特定軟體、觀眾或輸出。來源狀態：實讀Albers基金會公開介紹的情境／隔離練習段，沒有逐頁取得全書。實讀S15原作者全文Methods／Results／General discussion（印頁917–922），只引用成人與嬰兒反應不宜相互套用及凝視不等於嬰兒喜歡的界線，不搬統計或推任務成效。Adobe當代入口為Express，關係名稱只作生成方向，不採其行銷文字當普遍和諧證據。示意限制：沿唯一ColorAreaHero／colorAreaModel的HSL、192像素角色面積及96／48真縮圖，沒有第二色彩引擎。補充原創幾何三區與夜間工作坊校樣A／B；同色票可交換底色／標記，目的切換不改畫面。海報版面固定，不把原幾何像素面積冒充海報量測。原生軟體實測：未原生Photoshop／Illustrator／Figma、螢幕校色或紙墨實測；資料字級與版面為本站校樣，不保印樣一致。學習成效驗證：未真人試用、眼動、偏好／可讀性或學習成效實驗。網站不打和諧分數，讀者描述及插旗不能代替成效證據。

參考來源

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