資訊層級
一句話定義
把每一頁簡報 / 介面中的資訊分為四級——重要 / 副 / 輔助 / 冗餘——透過字級、字重、顏色、位置強化重要資訊、抑制冗餘資訊，讓觀眾能在最短時間內抓到重點。「不好看的簡報，常常不是設計不好看，而是看不到真正重要的資訊」。
核心要點
四級分類（2026-05-01-簡報懶人包 整理）
| 級別 | 角色 | 視覺處理 |
|---|---|---|
| 重要資訊 | 主觀呈現結論與目的 | 粗體 / 大字 / 黃標 / 放在最上方 |
| 副資訊 | 關鍵字、副標補充重要資訊 | 中等字級 / 副標格式 |
| 輔助資訊 | 內文、圖表、圖片等 | 內文格式 / 不搶風頭 |
| 冗餘資訊 | 閱讀後無法協助理解目的或事實者 | 應降低優先度甚至刪除（細字 / 灰色 / 縮小） |
→ 觀眾抓不到重點時，會直覺認為「這個簡報設計不好看」——但根因往往是層級沒做出來而非設計能力不足。
分類四步驟操作要點
- 確認目標：瞭解整份簡報、甚至每一頁要達到的目的是什麼？
- 確認架構：瞭解整份簡報的架構，到每一頁的架構，才有辦法區分哪些資訊更為重要
- 閱讀順序：華人習慣 Z 字形（左上 → 右下）的閱讀順序——資訊呈現流程也以這個順序來安排
- 強調重點：越重要的資訊，就以粗體 / 大字 / 黃標等方式強調；補充資訊則以較細字體 / 灰色 / 縮小等方式降低優先度
直覺驗收方式：瞇眼測試
「只要瞇著眼睛，你看的到的地方就會被優先閱讀」（2026-05-01-簡報懶人包 p.16）
→ 把畫面虛焦，看哪些元素先跳出來——這就是觀眾的瀏覽優先順序。如果跳出來的不是重要資訊，層級就做反了。
圖表降噪場景
2026-05-06-60分鐘打造質感簡報-資訊圖表 把資訊層級落到 PowerPoint 圖表操作：圖表預設項目（標題、圖例、資料標籤、運算列表、格線）不是都要保留，而是要依講述目的判斷誰是重要 / 副 / 輔助 / 冗餘。
| 圖表元素 | 常見層級判斷 | 處理方式 |
|---|---|---|
| 圖表標題 | 若左側已有標題 / 結論，多半是冗餘 | 移出圖表或刪除 |
| 資料標籤 / 運算列表 | 若重複顯示同一數值，二擇一 | 保留最易讀版本 |
| 格線 | 輔助估值，不該比資料更搶眼 | 長條圖可清楚；折線圖要淡化 |
| 強調色 | 重要資訊 | 只用在講者要聚焦的最高 / 最低 / 關鍵值 |
| 左側總值 / 結論文字 | 重要或副資訊 | 與圖表分離，讓觀眾先讀懂主張再讀圖 |
→ 圖表設計的層級本質仍是：先移除冗餘，再讓重點跳出來。
視覺動線與層級測試（2026-05-07-即學即用的圖像資訊表達課 C4）
RE:LAB 課程把資訊層級再往驗收端推進：版面中的大圖、圖標、文字不只是大小不同，而是在建立讀者的閱讀順序。一般規則是越重要的資訊越靠近大圖或主視覺，越後面的層級顏色越少、訊號越弱。
測試方式不是問「這樣好不好看」，而是讓讀者快速閱覽後回答：
- 你先看到了什麼？
- 你理解了什麼？
- 你認為哪些資訊最重要？
→ 受眾回答的順序，才是畫面真正的資訊層級。
高密度內容的聚焦工具
2026-05-09-60分鐘打造質感簡報-關鍵第一步 補上「一頁資訊很多但不能拆頁」時的層級處理。這種情境不能只靠把所有字縮小，因為縮小會解決版面空間，卻製造閱讀壓力。
三種可用工具：
| 工具 | 做法 | 層級效果 |
|---|---|---|
| 透明色塊遮罩 | 用半透明色塊壓低尚未講到的區塊 | 讓未講到的資訊退到輔助層 |
| 剪切聚焦 | 在整頁上放深色遮罩，再剪出當下要看的區域 | 把重點從高密度畫面中隔離出來 |
| 動畫控制順序 | 讓元素依講述節奏出現 | 把頁內層級延伸到時間軸 |
這讓資訊層級多一個時間維度：不只是「誰比較大、誰比較亮」，也可以是「此刻誰應該被看見」。動畫若服務這個目的，就是閱讀引導；若只為了炫技，則會變成新的冗餘資訊。
三個元命題
- 「不好看」常常是「看不到重點」的副作用——觀眾因抓不到重點覺得版面混亂，再加上設計確實有改進空間，就直覺認為是設計不好看；真正的修復點是先做層級，不是改字體配色。
- 層級的本質是抑制不是強調——很多人以為加粗加大就是強調重點，但若沒有同時把冗餘資訊壓下去，所有元素一起變顯眼等於沒層級。「重點不是看到最多的，而是看到最少的」（呼應 60-30-10法則）
- 冗餘資訊應該被刪除而非縮小——如果某資訊「閱讀後無法協助理解目的或事實」，正確處理是移除而不是縮小放角落。縮小放角落只是把問題藏起來。
- 顯眼不等於被接收——2026-05-08-HChing-廣告視盲 補上一個注意力 caveat：若元素的位置、視覺或行為像廣告，越大、越亮、越突出可能越容易觸發 廣告視盲。資訊層級不是把重要元素做成最吵，而是讓它在使用者的任務動線中被理解為相關資訊。
反模式
- 資訊堆滿求「認真感」——以為文字越多越體現準備充分；實際上觀眾感受是「找不到重點 + 報告者沒消化過內容」（2026-05-01-簡報懶人包 p.12 例子二）
- 全部加粗 / 全部標紅 / 全部強調——當所有元素都重要，等於沒有重要的；強調的代價是其他元素必須退讓
- 閱讀順序與重要順序矛盾——把最重要的資訊放在右下角小字，再用粗體強調——觀眾的眼睛先掃過大字標題（次要），最後才到右下（重要），認知負擔加倍
- 保留冗餘資訊以「展示完整性」——對讀者沒幫助的資訊就是噪音；展示完整性對應的需求應該歸到附件 / 補充資料，不該占用主版面
作品集投影片場景
2026-05-09-Unblock-作品集健檢直播Ep4 提供一個高密度作品集版面的層級檢查案例：作品集投影片常同時放研究數據、使用者語錄、wireframe、手機 UI、功能說明與講者口頭敘事，層級一亂，面試官就會被迫自己找重點。
可檢查三件事：
- key findings 是否最大：研究方法、流程描述與裝飾性 bubble 不應壓過真正的 insight；若該頁要說「使用者因缺少說明而不理解功能」或「因法規疑慮刪除功能」，這些結論應該比「做了一次 wireframe 測試」更醒目。
- 畫面大小是否符合觀看情境：遠端面試時，面試官可能只用筆電看簡報；手機 screen 若完整放但細節太小，不如截取上半部、關鍵元件或 before / after 差異區。
- 文字是否只是裝飾：若小字無法在簡報中被讀到，就不該佔用視覺權重；功能標籤可以放大，長段說明改由口頭補充或壓成 icon / 短詞。
套用範例：廣告案例三類別
2026-05-01-簡報懶人包 p.14-15 用「廣告成功案例分三種類別：故事形象 / Slogan 與旋律 / 代言人」做調整前 vs 調整後對照：
- 調整前（堆疊式）：標題 + 一段引言 + 三項目逐條描述全部同字級在同一個方框內，觀眾要從頭讀到尾才能掌握架構
- 調整後（層級式）：標題（重要資訊）放最上 + 三項目分三欄（並列副資訊）+ 每欄用粗體子標 + 細字描述（輔助資訊）；觀眾一眼就掌握「有三類」這個架構主張
與其他概念的關係
簡報設計家族
- 屬於 簡報設計 「第三層：視覺設計」的核心工具
- 與 格式塔原則：本頁是內容分類、格式塔是視覺組合——先用資訊層級決定誰重要，再用格式塔的方框 / 填色 / 對齊把同層級的元素群組化
- 與 三幕劇敘事法：三幕劇是頁與頁之間的層級（哪幕鋪陳、哪幕推進、哪幕收束）；本頁是頁內的層級——兩者都是「重要的東西要讓觀眾抓到」的同源精神
設計理論家族
- 與 排版 的兩軸對位：易辨性 是字體層 micro 檢核、易讀性 是段落層 macro 檢核、本頁是版面層的元素優先序——三層共構視覺設計檢核
- 與 60-30-10法則：兩者都是「克制 + 對比」哲學——60-30-10 處理顏色比例、本頁處理資訊比例；元命題「重點不是看到最多的，而是看到最少的」共通
- 與 排版設計系統：8 大視覺組織系統（軸線 / 雙邊對稱 / 模組 / 行進 / 隨機 / 放射 / 漣漪 / 網格）是容器；本頁的層級是內容——容器搭配層級才能成型
- 與 履歷設計：履歷是「靜態單頁的資訊層級實踐」——姓名（重要） / 經歷主標（副） / 經歷描述（輔助） / 過時資訊（應刪除）
結構化表達家族
- 與 概念簡報「對方好不好做決定」的衡量標準同源——本頁是版面層的「對方好不好抓重點」；概念簡報是內容層的「對方好不好做決定」
- 與 SCQA架構 / 三幕劇敘事法：這些是敘述順序的工具，本頁是版面位置的工具——順序對了還要視覺位置對
資料視覺化家族
- 與 圖表設計：本頁的四級分類 + 抑制冗餘 + 瞇眼測試 = 圖表設計 三原則之 Focused（聚焦） 在圖表場景的版面工具——重要資料用粗條 / 強調色、輔助格線淡化、冗餘資料應移除；元命題「重點不是看到最多的，而是看到最少的」與「只有最重要的部分才應該做成圖表」同源
- 與 資訊設計：本頁是資訊設計的頁面內驗收工具；先用 資訊架構 決定內容，再用本頁檢查閱讀順序是否符合溝通目的。
- 與 廣告視盲：本頁處理「誰應該先被看到」，廣告視盲處理「使用者是否把看到的東西歸為有用資訊」；兩者共同校準可見性與接收性。
相關來源
- 2026-05-09-60分鐘打造質感簡報-關鍵第一步 — 補入透明色塊遮罩、剪切聚焦與動畫控制順序，處理高密度投影片中「當下要看哪裡」的問題。
- 2026-05-09-Unblock-作品集健檢直播Ep4 — 補入作品集投影片場景：key findings 應大於流程描述，手機畫面要按遠端觀看情境截取 / 放大，無法閱讀的小字應刪減。
- 2026-05-08-HChing-廣告視盲 — 補入顯眼度與接收性的分離：大字、亮色、右欄與彈窗可能因像廣告而被忽略。
- 2026-05-07-即學即用的圖像資訊表達課 — C4「眼睛的語言與設計原則」；補入視覺動線測試、資訊重要性排序與大圖 / 圖標 / 文字層級。
- 2026-05-01-簡報懶人包 — Ch.02 p.13-17 資訊層級的概念、四級分類、四步驟操作要點、瞇眼測試直覺驗收、廣告案例調整前後對照
- 2026-05-02-蘋果與谷歌圖表設計大揭秘 — Apple WWDC 2022；本頁 Focused 原則在資料視覺化場景的兌現（強調色 / 軸線基線 / 描述句聚焦）
- 2026-05-06-60分鐘打造質感簡報-資訊圖表 — 簡報圖表降噪流程；把圖表標題、標籤、格線、強調色與圖文分離納入資訊層級判斷
備註
- 「資訊層級」是設計領域常見術語（Information Hierarchy / Visual Hierarchy），本頁聚焦簡報應用場景——若後續累積 web / mobile / dashboard 的層級設計來源，可拆分或在本頁擴展
- 「閱讀順序 Z 字形」是教學簡化版——更完整的視覺路徑研究（古登堡圖 Gutenberg Diagram / F-pattern / Z-pattern / 中央放射等）暫未展開；達 2+ 設計理論來源後可獨立 視覺路徑 子概念
- 未來累積方向：(a) F-pattern（網頁長文閱讀路徑）vs Z-pattern（封面 / 海報式）vs Gutenberg Diagram（四象限視覺平衡）的場景對位；(b) Eye-tracking 研究 與資訊層級的實證對話；(c) Dashboard 設計 中的資訊層級（資料密度高、層級需求更嚴格）；(d) 減法設計 哲學（Edward Tufte data-ink ratio 等）作為冗餘資訊處理的理論基礎