共通設計理論教材 / Class LLL

明暗、對比與視覺焦點

把差異留給重要的地方

明暗區間是全圖的範圍，局部對比是相鄰區域的差異。比較兩個焦點方案，觀察重點如何改變，也檢查增加反差時犧牲了哪些細節；這是跨工具的視覺判斷。

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

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

閱讀目標

指出暗、中、亮區間及相鄰明暗差的差別
比較局部強調與整體擴張對畫面的不同影響
選擇焦點時同時檢查細節與其他資訊的可讀性

適用條件與學習範圍

整張都加強對比，為什麼重點不一定更清楚？哪一塊需要差異，哪一塊需要保留層次？

不需先會 Photoshop；先選一個想讓觀者優先注意的內容，能指出明暗相鄰的兩個區域即可。

能分清全圖明暗區間和局部明暗差，提出兩個焦點方案，並指出至少一項因強調重點而犧牲的細節或層級。

只隔離觀察灰階關係，不計算人眼注意力、感知亮度或普遍美感。色彩、文字閱讀、光影材質及實際曲線控制另沿相關知識探討；不教固定參數套所有圖。

原理與判斷

明暗值描述顏色有多明或多暗。先把畫面當成暗部、中間調、亮部的分布來看：全圖只用了中段，與同時包含很暗和很亮的畫面，是不同的明暗區間；窄區間不等於失敗，霧景或低調畫面也可能有清楚目的。這是藝術教育對 value 的觀察方向，不是螢幕物理亮度的量測。對比要問「誰與誰不同」。全圖最暗與最亮相距很遠，主體仍可能和緊貼的背景太接近；反過來，全圖範圍不大，也能把較強的局部差異放在重要區域。以差異建立強調是可用的構圖策略，實際注意仍受形狀、位置、文字、觀看任務與既有經驗影響，不能只憑一個灰階數字判定焦點。

明暗區間：先看分布，再看目的

區間是目前使用的暗到亮範圍；中間仍有多少層次是另一個問題。打樣下方九格從暗到亮排列，讓你比較不同輸入是否仍有不同輸出。壓到相同黑或白時，這幾格原有的數值差異消失；看起來更強烈不等於資訊更多。要保留剪影還是布料紋理？如果目標是剪影，省略暗部細節可能是選擇；如果目標是辨認材質或閱讀內容，則要檢查被犧牲的資訊。不要把全圖一定要碰到純黑純白當作驗收條件。

局部與整體：一次只改一種關係

「整體對比倍率」讓示意中的全部灰階一起遠離或靠近128；「焦點附近對比」只拉開指定區域的壺／底或圖形／底，其餘物件與九格測試帶保持原條件。你能在全圖端點不變時改變局部差異，藉此分清範圍和位置。這是本站為隔離變因設計的8-bit編碼灰階模型：輸出為128＋（輸入－128）×倍率，超出0–255就夾到端點；局部強調另修改指定區域的兩個輸入值。它不是 Photoshop 對比、曲線或視覺系統的演算法。

焦點方案：讓誰優先，也決定誰退後

A與B保留相同物件、大小和位置。A把較大的明暗差留給左側壺，B留給右側圖形；前方滑座指示目前讀數比較哪個方案，兩張打樣始終可對照。先說目的，再問哪一個更支持目的；如果你的第一眼與預期不同，描述原因即可，不當作答錯。減弱其他區域可以建立層級，也可能讓次要資訊難讀；把每個角落都做得很強，則可能增加競爭。這些是本活動可討論的設計取捨，不是「越少細節越好」或保證美感的規則。縮到預期輸出大小再看一次，保留需要被辨認的資訊。

步驟與觀察

先寫觀看目的
假設是器物海報，要先看壺；換成資訊卡，要先看右側圖形。先選目的，再按 A／B，比較你實際先看哪裡及其次看哪裡。可口述或自己記錄，不需通過網站測驗。
只改局部強調
先讓整體倍率保持100%，把焦點附近對比降到0再提高。看壺與底、圖形與底的差異，以及九格測試帶；指出哪些地方有改、哪些沒改。A／B可隨時往返比較。
再改整體倍率
保持局部強調不變，將整體倍率從50%移到200%。檢查全圖範圍與九格不同輸出值，特別看兩端何時合併。讀數5/9只表示九個樣本剩下五種數值，不代表人眼只能看見五種灰。
做出有理由的取捨
把倍率退回仍保留所需細節的位置，選A或B，說出「我先強調哪裡、哪個資訊退後、哪個資訊不能消失」。換一張自己的照片或版面，在任一繪圖軟體以灰階草稿或紙筆做兩版；不要照抄本模型數字。
需要工具時再沿關係前往
沿曲線連結理解色調映射；需要只改一個位置，再補讀圖層遮色片。返回這頁會保留比較方案與滑桿，讓你把工具控制和剛才的觀察對照。理論判斷可以跨 Photoshop、Illustrator、Figma 或紙上草圖使用。

常見問題

全圖黑白更強，主體還是被背景吃掉

先比較主體緊鄰的背景，不只看全圖最暗和最亮。固定其他條件，改焦點附近差異或降低競爭區域；再檢查形狀、位置及內容是否更主導注意。

每一區都很搶眼，無法決定先看哪裡

重新說出觀看目的，再分配主要與次要層級。做兩個方案比較，不把所有區域同時加強當作唯一解法。必要資訊仍需保持可讀。

反差變大，但材質和亮暗部層次不見

回看原本是否有差異，減少整體擴張或改局部範圍。示意九格若變成同值就無法由這份輸出還原各自來源；回到保留的來源再改。

我的第一眼和A／B預期不同

這不是注意力測驗。指出是形狀、大小、閱讀任務、環境或其他線索影響，再用自己的素材檢查；灰階差只是其中一個可控制變因。

適用範圍與證據

原教材查核日期：2026-10-19 適用範圍：跨工具視覺觀察；可用於照片、海報及版面草稿，不限定 Photoshop 或桌面平台。來源狀態：已讀 Getty 原始藝術教育教材與 Adobe Learn 版面教材；引用其觀察概念，非照抄其作品、圖片或軟體步驟。局部／整體控制公式、兩版條件與細節計數是本站明示的教學設計。示意限制：本站原創壺與圖形兩版灰階打樣及機構；共用相同構圖、交換明暗強調區。8-bit數值示意不是人眼辨識或美感量測。原生軟體實測：不涉及特定軟體操作實測；沒有宣稱與 Photoshop、Illustrator 或 Figma 的像素結果相同。學習成效驗證：尚無真人觀察試用或學習成效證據；焦點選擇與自行標記均不作測驗判分。

參考來源

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