Guides

餐廳電子菜單設計指南:字體大小、硬體挑選與排版實務

設計電子菜單不僅是美學,更是數學問題。本文解析如何計算字體大小、挑選商用螢幕,以及避免輪播動畫流失顧客。

P
Pico Sign TeamDigital signage, made simple
閱讀約 7 分鐘

大多數的電子菜單看板都無法達成其最主要的任務:讓排在隊伍最後方的顧客看清楚餐點選項。平面設計師通常會在距離螢幕45公分使用桌上型電腦顯示器來排版。當同樣的設計被放到懸掛於櫃檯上方高處的55吋螢幕時,文字往往會糊成一團。如果顧客必須瞇著眼睛看,他們的點餐時間就會拉長,排隊結帳的消化速度也會下降,而你的螢幕就只是一塊昂貴的牆面裝飾。

製作出色的電子菜單,首先是一個數學問題,其次才是設計問題。你需要根據觀看距離計算出精確的文字高度、限制單一螢幕上的品項數量,並採購能夠抵抗餐廳照明反光的硬體設備。以下是建立實用菜單看板的確切步驟。

提高電子菜單可讀性的計算方式

螢幕易讀性的業界標準是1吋法則(1-Inch Rule)。顧客與螢幕的距離每增加10英呎(約3公尺),你的文字在玻璃面板上就需要1吋的實體高度。

如果你的排隊動線讓顧客距離櫃檯約3公尺(10英呎),你的品項名稱和價格就必須至少有1吋。如果隊伍延伸到3.6公尺(12英呎),這個最低標準就會提高到1.2吋

要將實體的英吋轉換為數位的像素,你必須考量螢幕解析度。在標準的55吋4K顯示器上,1個實體吋大約等於70個像素。這代表你的核心菜單文字需要設定在45到55像素之間,而分類標題則應落在60到80像素之間才能凸顯出來。

螢幕容量與55吋標準

對於室內餐廳而言,43到55吋是常見的範圍,這能在實體佔用空間與文字容量之間取得平衡。但是,55吋螢幕不能只是將密密麻麻的紙本菜單直接搬上來。

如果你在看板上塞入過多文字,就會違反1吋法則。為了保持字體大小的易讀性,每個區塊顯示的品項不應超過5到8個。每個條目只應包含品項名稱、價格和簡短的修飾語。如果一個區塊擠了超過8個品項,就會吃掉負空間,導致顧客陷入選擇障礙,並拖慢排隊隊伍的消化速度

字體排版與動態影像的陷阱

在紙本上看起來很優雅的字體,放在發光的螢幕上往往會變得難以辨識。對於英文菜單,請堅持使用中等(medium)或半粗體(semi-bold)的無襯線字體,例如 Roboto 或 Open Sans。完全避免使用極細、草書或裝飾性過強的字體。在日本市場,選擇就沒有那麼絕對:明體(Mincho)被廣泛認為是日本讀者最容易閱讀的字體,但它纖細的橫向筆畫,在遠距離觀看發光面板時最容易消失不見。相反地,應該使用黑體(Gothic),其均勻的線條粗細能提供極高的可見度

選取一行文字會顯示其確切的排版設定——字體、粗細、大小、行高和字距——而不是只標示「大」的預設值。

一旦確保了文字的易讀性,請讓它保持靜止。許多經營者會嘗試使用輪播幻燈片或循環影片來吸引注意力。行為研究將此稱為輪播的挫折感(Carousel of Frustration)。正在閱讀看板的顧客,其實正處於做決定的過程中。如果看板在他們思考到一半時突然切換成全螢幕的漢堡促銷廣告,你就會打斷他們的思緒。他們會忘記原本考慮到一半的決定、感到挫折,並退而求其次選擇熟悉、安全的餐點。請讓你的核心菜單列表保持靜態。

能適應廚房環境的硬體設備

不要在大賣場購買消費型電視。家用電視的設計是為了在昏暗的客廳中每天運作幾小時。如果你將它安裝在悶熱、充滿油煙的商用廚房附近,且每天運作16小時,其內部零件將會迅速老化並過熱

你需要的是商用顯示器,專為每天運作16到24小時的商業環境所打造。更重要的是,商用螢幕能抵抗反光。消費型電視具有亮面螢幕,在明亮的餐廳軌道燈下會像鏡子一樣反光。商用面板則使用以 haze(霧度)為測量單位的防眩光塗層。例如,LG 55UH5J-H 具備28%的高霧度表面,能主動散射頂部光源,確保你的價格清晰可見。另一個強大的選項是 Samsung QM55C,它能輸出500尼特的亮度。

你還需要考慮解析度。在近距離觀看時,標準的1080p解析度會讓小文字出現鋸齒狀邊緣,這種效應稱為 aliasing(邊緣鋸齒化)。4K 擁有 Full HD 四倍的像素數量,即使在近距離觀看也能讓文字和精細的圖形元素保持清晰

多螢幕菜單與邊框補償

如果你的餐廳並排使用三個螢幕,不要將它們視為三台獨立的電視。將你的菜單設計分割成三個獨立的檔案,通常會導致文字對齊錯誤和視覺上的不連貫。

相反地,應該將這個陣列視為一個統一的數位畫布。要正確做到這一點,你的軟體需要具備 bezel compensation(邊框補償)功能。每個螢幕的有效像素周圍都有一個實體邊框。如果你將一張大圖拉伸跨越兩個螢幕,卻沒有針對那個實體間隙進行調整,圖片看起來就會變形。bezel compensation 使用數學公式來隱藏那些會被塑膠邊框遮擋的虛擬像素。如果兩個寬度為1920像素的螢幕之間有100像素的實體間隙,軟體會計算出總寬度為3940像素的畫布。這能創造出彷彿透過窗格觀看連續影像的錯覺。

在執行統一畫布時,你還必須管理同步問題。如果多個螢幕播放同一個背景影片,它們的內部時鐘自然會產生偏差。數位看板平台會透過同步功能來修正這種偏差;有一家供應商將基於網際網路的同步誤差通常控制在0.3秒以內

60秒完成價格更新

菜單看板的真正考驗,在於當食材價格飆漲或核心品項售罄時,你能多快更新它。編輯PDF、存入USB隨身碟,然後爬梯子把它插上螢幕的舊方法已經完全過時了。

在編輯器中開啟的咖啡廳菜單幻燈片。菜單的每一行都是獨立的圖層,下方的底片列則是螢幕將播放的輪播內容。

更新價格的時間應該在兩分鐘以內。未能立即移除售罄的品項,會導致廚房作業瓶頸和顧客不滿。這就是雲端看板軟體派上用場的時候。

使用 Pico Sign,設定時間只需幾分鐘。你配對好螢幕,使用 AI 生成菜單幻燈片(而不是手動設計),並從網頁儀表板安排排程。你輸入需要的內容,軟體就會建立它。因為原生播放器會快取你的內容,所以即使餐廳網路斷線,螢幕仍會繼續播放。價格是按單一螢幕公開計費,且應用程式介面已翻譯成14種語言。

下一步該怎麼做

如果你正在設定你的第一個電子菜單,請先精確測量從點餐櫃檯到將要安裝螢幕牆面的距離。使用該測量值來計算你的最低文字高度。購買一台具有高霧度等級的商用55吋顯示器,以橫向方式安裝,並將你最初的設計限制在25個品項以內。保持版面靜態,確保你能從筆記型電腦更新價格,然後讓螢幕發揮它的作用。

常見問題

電子菜單的字體大小要設多少才看得清楚?

字體大小取決於觀看距離。標準法則是距離每增加10英呎(約3公尺),文字就需要1吋的實體高度。在55吋4K螢幕上,核心菜單品項大約需要設定為45到55像素。

餐廳電子菜單可以用一般的家用電視嗎?

不行,家用電視的設計無法承受在高溫、油煙環境下每天運作16小時。它們的亮面螢幕也會反射頂部照明,讓菜單變得難以閱讀。你需要具備防眩光塗層的商用顯示器。

電子菜單上應該放多少個品項?

每個區塊顯示的品項不應超過5到8個。如果在看板上塞入更多內容,就必須縮小文字,這會讓排在隊伍後方的顧客完全看不清楚菜單。

電子菜單應該播放動態影片嗎?

請讓你的核心菜單列表保持靜態。輪播幻燈片或全螢幕影片會在顧客嘗試做決定時打斷他們,這會讓他們感到挫折,並拖慢點餐隊伍的消化速度。

名詞解釋

aliasing
當螢幕解析度不足時,小文字或曲線邊緣出現鋸齒狀和像素化的視覺效應。
bezel compensation
一種軟體計算方式,能將虛擬像素隱藏在螢幕實體邊框後方,讓跨越多個螢幕的影像看起來是連續的。
haze
霧度,用來測量防眩光塗層能散射多少光線,以防止商用顯示器產生反光的指標。

資料來源

  1. Digital Menu Board Font Size, Contrast & Layout Standards
  2. Indoor Digital Menu Boards: A Complete Guide for Restaurants | Pickcel
  3. Revolutionize Your Restaurant: Power of Digital Menu Boards
  4. 【2026年最新版】見やすいフォントとは?Webサイトで読みやすいフォント7選とデザインのコツ|埼玉川口のホームページ制作・Web制作会社 | ヒトツナギ・デザイン
  5. The Carousel of Frustration: Why Rotating Digital Menus Kill Your Conversion Rate
  6. Commercial Display Vs Consumer TV: Which Is Better For Signage
  7. Commercial Display vs Consumer TV for Digital Signage | CV Media & Signage
  8. 55" UHD Standard Signage | 55UH5J-H - 55UH5J-H | LG UK
  9. 和食店メニューブックで使えるフォント[Mac標準編] - 株式会社くさび
  10. Samsung QM55C 55" 4K UHD Commercial Display
  11. What is 4K Resolution? A Full Guide to Ultra HD!
  12. Commercial Digital Signage Displays vs. Consumer TVs
  13. How Does Screen Synchronization Work, Why Does it Matter?
  14. 縦型サイネージが「狭い場所」で集客に効く理由!横型との違い/失敗しない設置事例 | ヤマトサイネージ
  15. Content Synchronization - Video walls and menu boards canvases | signageOS Documentation
  16. How to Sync Content Across Digital Signage Screens | EasySignage
  17. Update Your Restaurant Menu Instantly Without Reprinting | FlipLink

關於作者

P
Pico Sign TeamDigital signage, made simple

Pico Sign builds digital signage software for people who do not have a design team. We write about planning, running and getting value out of screens — from the people building the product.

範本

從完成的設計開始

範本庫裡的每一套設計都能在瀏覽器裡改——換掉文字、放上你的標誌,當天就能上螢幕。

在真的螢幕上看看

設計一張投影片、配對一台播放器,幾分鐘後你的螢幕就上線了。

開始使用每面螢幕每月 $4 起 · 首月省 50% · 隨時取消。