LED 跑馬燈範例是一個單行橫幅,使用瀏覽器的大型等寬字元、加大字距和乾淨的捲動軌跡在畫面上移動,而不是模擬點陣硬體面板。這個詞也是一個常見問題的實際答案:LED 跑馬燈工具會產生什麼效果、文字移動速度有多快、字型可以放到多大?這個小工具會在目前的瀏覽器分頁中呈現,不需要上傳、不需要註冊、也不會產生任何檔案。你只需輸入簡短訊息、選擇方向、挑選大小,再從三種固定循環速度中選一個,預覽就會開始移動。成果看起來像發光的跑馬燈,而不是印刷風格的招牌,這正是它在需要快速吸引注意力的場合表現良好的原因——在那些場合使用完整的招牌製作應用程式反而是殺雞用牛刀。

led scroller example
LED 跑馬燈範例:7 個你現在就能製作的橫幅點子

LED 跑馬燈範例在瀏覽器中呈現的樣子

當大多數人想像 LED 跑馬燈範例時,他們想到的是店家、計程車和體育場計分板上使用的明亮點陣面板。LED 跑馬燈小工具刻意誠實地說明其中的差異。它使用瀏覽器本身的大字型、網站的色彩代碼,以及一個簡單的線性 CSS 動畫,因此輸出是跑馬燈風格的橫幅,而不是實體硬體的像素級完美模擬。文字只朝一個方向移動、無限重複,並且大小足以主導預覽區域。沒有彈跳、沒有波浪、沒有閃爍,也沒有點陣字型模擬。呈現效果取決於瀏覽器可用的字型,因此同一段訊息在手機上和筆記型電腦上看起來可能略有不同,不同瀏覽器也可能顯示不同的字母形狀。

當你在評估這個工具是否適合你的任務時,這種誠實很有用。如果你需要認證亮度、精確的像素間距、製造商通訊協定,或是實際顯示面板的遠端排程,那麼正確的答案是該硬體隨附的軟體。如果你需要快速的視覺提示、簡報道具,或是在演唱會上舉起手機,瀏覽器預覽是更快的途徑。

七個你現在就能製作的 LED 跑馬燈範例

因為這個工具是一個單行橫幅,實際價值來自於在正確的情境中選擇正確的簡短訊息。以下 LED 跑馬燈範例展示了通常效果良好的文字類型,以及每個適合的場景。

  1. 演唱會或活動提示。像「PHONES DOWN — ENJOY THE SHOW」或「WAVE BREAK — 10 MIN」這樣簡單的呼叫與回應,在舞台上舉起的手機上以快速速度閱讀時仍然清晰。將大小保持在 80 或 96 CSS 像素,讓字母從房間後方也能清楚辨識。
  2. 快速手持招牌。在遊行、體育賽事或繁忙的公共空間中,像「PICKUP HERE」或「GROUP 4 — MEET AT GATE B」這樣的短語會從右向左移動並重複,讓經過的人有時間讀完整行。
  3. 桌面訊息。對於共用顯示器,「BACK IN 15」或「MEETING — DO NOT DISTURB」這類平靜的訊息以慢速運行,同事瞥一眼畫面就能吸收,而不會被打擾。
  4. 簡報提示。演講者可以使用像「Q AND A — RAISE HAND」或「BREAK IN 5 MIN」這樣的橫幅作為演講中的視覺信號。暫停控制讓演講者能在過場時凍結訊息。
  5. 照片或影片道具。對於內容創作,帶有簡短品牌標語、主題標籤或笑話的橫幅(「HELLO FROM 2026」)能為畫面增加動感,而無需編輯軟體。
  6. 視覺注意力信號。在商店櫥窗或接待處,像「ASK US ABOUT TODAY'S SALE」這樣的短語比印刷招牌更快吸引目光,而由右至左的方向對大多數觀看者來說閱讀起來很自然。
  7. 方向指示。對於售票亭、報到桌或小型活動,「LINE STARTS HERE →」或「← SCAN QR CODE」使用由左至右的移動方式,在實體上指向預定方向。

這些都是起點。這個小工具每則訊息最多接受 120 個 Unicode 碼位,包括表情符號、帶腔調字母、標點符號和非拉丁文字,因此文字可以為任何受眾量身打造。

製作你自己的 LED 跑馬燈範例

經過驗證的操作步驟刻意保持簡短,因為這個工具設計用於快速預覽,而不是詳細設定。開啟 LED 跑馬燈工具,輸入簡短訊息,並選擇速度、方向和文字大小。按下開始控制,在你實際打算顯示的螢幕上觀看完整的循環。使用暫停來凍結目前畫面,使用繼續來保持相同移動,或使用重新開始來從初始位置再次開始循環。

  1. 開啟 LED 跑馬燈小工具,在輸入欄位中輸入一段簡短訊息。前後空白會自動去除,因此開頭和結尾的空格不會影響預覽。
  2. 選擇循環速度(慢、中或快)、移動方向(由右至左或由左至右),並從固定選項中選擇文字大小。
  3. 按下開始控制以產生預覽。編輯任何輸入都會清除舊的預覽,因此可見的橫幅永遠符合目前的控制項。
  4. 在你打算顯示它的螢幕上觀看完整循環。確認文字在選定的大小和速度下,從預定的觀看距離仍可閱讀。
  5. 在需要訊息保持靜止的任何時刻使用暫停,使用繼續以保持相同的動畫進行中,並使用重新開始以從初始位置開始新的循環。

橫幅完全在目前的分頁中執行。不會上傳、儲存或傳送任何內容到廣告或 AI 服務,而且這個小工具不會請求全螢幕權限,因為該提示可能在沒有直接手勢的情況下被封鎖,並可能隱藏控制項。

速度、大小和方向參考

控制項刻意受到限制,這樣預覽就不會破壞頁面或產生令人困惑的輸出。三個速度標籤是固定的 CSS 循環時間:慢速在 12 秒內完成一個循環,中速在 8 秒內,快速在 4 秒內。它們是介面預設值,而非校準過的每秒像素數,因此視覺上的移動速率取決於訊息寬度、選擇的字型大小、瀏覽器寬度、縮放等級和裝置。文字大小選項固定為 32、48、64、80 和 96 CSS 像素,這讓控制項保持可預測性,並防止極端值溢出預覽區域。

設定選項備註
循環速度慢速 (12 秒)、中速 (8 秒)、快速 (4 秒)固定的 CSS 循環時間,而非每秒像素數
方向由右至左、由左至右線性無限重複
文字大小32、48、64、80、96 CSS 像素僅五個固定選項
最大長度120 個 Unicode 碼位每個表情符號算一個字元
拒絕的輸入控制字元、換行符、Unicode 行或段落分隔符前後空白會被去除

這個工具不會縮短超出限制的訊息、替換不支援的文字、轉換大小寫、校正拼字、翻譯或插入裝飾性符號。如果訊息超過 120 個 Unicode 碼位,預覽會被封鎖直到你編輯縮短,這讓控制項誠實地反映小工具實際能呈現的內容。

選擇一眼就能讀懂的訊息

LED 跑馬燈是為單行短文字設計的,因此訊息設計比訊息長度更重要。幾個習慣能持續產生易讀的成果。使用具有強烈對比的短語,而不是長句子,因為每多一個字都會拉長循環並迫使眼睛追蹤得更快。避免密集的標點符號,因為充滿逗號、分號或巢狀括號的橫幅往往讀起來像雜訊。如果觀眾包含從遠處或某個角度閱讀的人,請停留在大小範圍的上半部(80 或 96 CSS 像素),並選擇慢速或中速,讓每個字都有時間被讀到。更完整的文字模式收錄在 LED 橫幅短訊息一眼讀懂指南 中,與這個範例說明自然搭配。

表情符號、帶腔調字母和非拉丁文字都受到支援,在 120 個碼位的限制下每個都算一個字元,因此像「WELCOME 🎉」或「BIENVENIDOS」這樣的短語可以完全按照你打算展示的方式預覽。對於混合文字的訊息,同樣的固定字型大小仍然適用,對比建議也完全相同。

何時應該暫停捲動橫幅

移動中的橫幅很適合吸引注意,但當訊息必須被抄寫或仔細閱讀時,靜止的橫幅才是正確的選擇。對於姓名、代碼、地址、電話號碼或逐步說明,請暫停捲動,讓讀者能從容閱讀。暫停控制會凍結目前的畫面,繼續控制會從停止的地方繼續相同的動畫,因此文字在暫停期間永遠不會被重新編寫。對於更高風險的內容,請在其他地方保留一份靜態副本。移動的裝飾性橫幅不應該是緊急警告、無障礙通知、交通指示或任何其他高後果訊息的唯一管道。

這個小工具也會透過強制橫幅保持暫停來遵守作業系統或瀏覽器的減少動畫偏好。如果動畫在你的裝置上看起來凍結了,那就是系統的無障礙設定在運作,訊息仍可作為靜止橫幅閱讀,而所有控制項仍然有效。若要快速查看單一頁面上的每個控制項和限制,LED 跑馬燈速查表 將上述參考值與驗證規則和減少動畫保護措施彙整在一起。