活動海報、最新公告、產品亮點——你想在同一個版面放很多資訊，卻不想讓頁面顯得雜亂。輪播看板（Carousel）是這個問題的標準解法：同樣的空間，承載多張幻燈片，自動切換，既節省版面又能吸引目光。這篇文章從選擇模式、設定切換速度，到文字可讀性與色彩搭配，帶你掌握製作有效資訊看板的核心原則。
一、什麼是資訊看板（Carousel）？
資訊看板是一種在固定區域內循環顯示多組內容的展示元件，又稱為輪播、幻燈片或 Slider。每隔一段時間（或由使用者手動切換），畫面切換到下一張，讓有限空間發揮最大的資訊承載量。
常見的使用場景包括：
- 公告欄：公司入口大廳電視、學校佈告欄
- 活動宣傳：節慶促銷、課程招募、社群活動
- 產品展示：電商首頁輪播圖、型錄頁面
- 簡報輔助：會議室展示螢幕、定點展覽
- 數位看板：餐廳菜單、交通資訊、等候室告示
二、三種內容模式，怎麼選？
不同的展示需求，適合不同的內容模式。選錯模式會讓資訊傳遞打折扣。
文字模式
適合純文字公告：重要通知、活動時間、規則說明。優點是載入速度最快，在各種螢幕亮度下都清晰可讀，文字焦點不被圖片分散。背景可選用漸層色塊，兼顧視覺設計與資訊清晰度。
適用情境：會議室公告螢幕、學校規定說明、限時活動倒數資訊
圖片模式
適合視覺為主的展示：產品照、活動海報、風景照輪播。圖片佔滿整個看板區域，視覺衝擊力強。缺點是如果沒有設計好的圖片，效果會很普通；而且圖片太多時，切換速度需要比文字模式慢一些，讓觀看者有足夠時間理解畫面。
適用情境：餐廳菜品展示、攝影作品集、觀光景點介紹
圖文混合模式
同時呈現圖片與文字說明，適合「需要圖片吸引注意力、又需要文字傳遞資訊」的場景。圖片滿版顯示，文字疊加於圖片上方，通常搭配半透明背景增加文字可讀性。
適用情境：活動宣傳（圖＋時間地點）、產品推薦（圖＋賣點說明）、員工介紹（照片＋職稱姓名）
| 模式 | 視覺效果 | 資訊密度 | 適合場景 |
|---|---|---|---|
| 文字 | 簡潔 | 高 | 公告、通知、說明 |
| 圖片 | 強烈 | 低 | 視覺展示、海報輪播 |
| 圖文混合 | 豐富 | 中 | 活動宣傳、產品介紹 |
三、切換速度：多快才對？
切換速度（間隔時間）是資訊看板設計中最容易被忽略、卻影響最大的參數。設定錯誤，觀看者不是來不及讀完就換頁，就是等太久而失去耐心。
依內容類型調整間隔
| 內容類型 | 建議間隔 | 原因 |
|---|---|---|
| 純文字（短句） | 4–5 秒 | 一眼就能讀完 |
| 純文字（長段落） | 8–12 秒 | 需要足夠閱讀時間 |
| 純圖片 | 5–7 秒 | 視覺理解略需時間 |
| 圖文混合 | 6–10 秒 | 同時處理圖片與文字 |
| 數位看板（遠距觀看） | 8–15 秒 | 觀者移動中，需更長停留 |
黃金法則：換頁時，讓觀看者能讀完或看完當前幻燈片，還剩下 1–2 秒的「緩衝感知時間」。切換過快讓人焦慮，切換過慢讓人無聊——找到那個剛好的節奏。
「滑鼠移入暫停」功能
當觀看者想仔細看某一張時，滑鼠移入暫停功能非常實用。這在互動式展示（如網頁或觸控螢幕）中尤為重要，讓使用者可以控制節奏。
四、文字可讀性：你的字夠不夠看得清楚？
很多人製作的看板最後都因為「字看不清楚」失敗。以下是最常遇到的問題與解法：
問題一：文字顏色與背景太接近
白字配淺色背景、黑字配深色背景，是最常見的可讀性殺手。確保文字與背景之間有足夠的對比度——WCAG AA 標準要求對比度至少 4.5:1（一般文字）。
問題二：圖文混合模式的文字被圖片淹沒
圖片背景太複雜時，疊加的文字難以辨識。解法：
- 在文字下方加半透明黑色或白色遮罩（overlay）
- 選用對比明確的純色區域放置文字
- 調深或調淡圖片亮度，再加上文字
問題三：字體太小，遠距看不到
看板通常在遠距觀看（2–5 公尺）。一般網頁的 14–16px 字體在看板上完全不夠。建議標題至少 32px 以上，內文至少 20px，確保 3 公尺外仍清晰可辨。
五、色彩搭配：讓看板有設計感
文字模式的背景漸層，是影響視覺質感最直接的元素。選色有幾個方向：
- 品牌色：使用組織或活動的主色調，強化品牌一致性
- 情境色彩：夏日活動用橘紅漸層、科技主題用深藍紫、自然主題用綠色系
- 高對比組合：深色背景搭白色文字，或淺色背景搭深色文字，確保可讀性
六、實用場景：四種看板的設定建議
場景一：公司大廳公告
- 模式：文字模式
- 切換間隔：8–10 秒（訪客停留時間較短）
- 內容：每張只放 1 個重點，避免過多資訊
- 視覺：深色背景＋大字體，遠距清晰
場景二：活動宣傳展示
- 模式：圖文混合
- 切換間隔：6–8 秒
- 內容：圖片選用高品質活動視覺，文字只放標題＋時間地點
- 視覺：半透明遮罩確保文字清晰
場景三：課堂/會議展示
- 模式：文字模式（清單或重點）
- 切換間隔：手動控制（關閉自動播放）
- 內容：每張對應一個議程或討論點
- 視覺：對比鮮明，搭配全螢幕模式
場景四：餐廳/商店數位菜單
- 模式：圖片模式或圖文混合
- 切換間隔：7–10 秒
- 內容：美食照片＋品名＋價格
- 視覺：暖色調漸層，搭配清晰的價格文字
七、製作前先準備好這些素材
製作高品質看板，事前準備勝過事後調整。建議準備：
- 文字內容清單：每張幻燈片的標題（10–20 字）與內文（30–60 字）
- 圖片素材：橫向比例（16:9 或 4:3），解析度建議 1200px 以上
- 品牌色碼：主色與輔色的 HEX 值，用於漸層設定
- 展示環境確認：螢幕尺寸、觀看距離，決定字體大小
總結
- 文字模式：資訊密度高、載入快，適合公告與通知
- 圖片模式：視覺衝擊強，適合純視覺展示
- 圖文混合：兼顧圖像與說明，適合活動宣傳
- 切換速度：依閱讀時間設定，短文字 4–5 秒、長文字 8–12 秒
- 可讀性：確保對比度足夠，圖文混合需加遮罩，遠距場景要大字體
- 色彩：使用品牌色或情境色彩漸層，強化視覺一致性
好的資訊看板不在於放多少內容，而在於每一張幻燈片都能在觀看者面前清楚傳遞一個重點。少即是多——讓每張幻燈片說一件事，說清楚，說有力。