菜單設計:字體、配色、照片怎麼搭配
好的菜單設計,是讓客人幾秒鐘就找到想點的餐點。本文逐項說明分類、字體、配色、照片和價格怎麼安排,紙本菜單和手機菜單有什麼不同,以及範本該怎麼用。
菜單設計的重點,是讓客人幾秒鐘就找到想點的餐點:分類照點餐的順序排,字體和配色在手機上清楚好讀,照片用店裡真實的餐點,價格的寫法整份一致。用 doXmenu 做 QR Code 菜單,這些都在控制台設定,有 16 種字體樣式和 70 套配色方案,也能放上自己的標誌和背景圖,儲存後客人再打開菜單就會看到。
以下按菜單的各個部分說明,文末附一份上線前的檢查清單。這些原則紙本菜單和手機上的 QR Code 菜單都適用,兩者不同的地方會另外說明。
菜單設計有哪些重點?
重點不在花俏,而在好找、好讀,而且一看就知道是哪一家店。可以照下表逐項檢查:
| 部分 | 要做到 | 常見問題 |
|---|---|---|
| 分類 | 照客人點餐的順序排,名稱一看就懂 | 分類太多太細,客人來回找 |
| 餐點名稱和簡介 | 名稱簡短,主要食材和做法寫在簡介 | 名稱又長又花俏,看不出是什麼 |
| 字體 | 標題有個性,內文在手機上清楚 | 整段手寫字,或整段大寫英文 |
| 配色 | 文字和底色對比明顯,顏色和店的風格一致 | 淺灰字配白底,深色照片上壓深色字 |
| 照片 | 店裡真實的餐點,光線自然,拍法一致 | 網路上找的圖,和送上桌的不一樣 |
| 價格 | 緊跟在名稱旁邊,寫法一致,另收的費用寫清楚 | 菜單上的價格和結帳時不一樣 |
菜單的分類和順序怎麼排?
照客人點餐的順序排。小吃店可以是主食、小菜、湯品、飲料;早午餐店是蛋餅、吐司、漢堡、飲品;飲料店可以分成純茶、奶茶、鮮奶、果茶,再把甜度和冰塊的選項寫清楚。分類名稱用客人看得懂的詞,一個分類的品項太多,就拆成兩個。
想讓客人多點的招牌,放在分類的前面。在 doXmenu 的控制台,分類和餐點都可以「拖曳以重新排序」;暫時不賣的設為「已隱藏」,之後再改回「可供應」;當天賣完的加上「已售罄」標籤,不必刪掉重建。
菜單用什麼字體比較好?
一份菜單通常用兩種字體就夠了:餐點名稱和分類標題用有個性的字體,簡介和價格用簡潔好讀的字體。手寫字、斜體或全大寫的英文,在手機螢幕上整段讀起來很吃力,適合留給店名和少數標題。
doXmenu 的 16 種字體樣式,每一種都是搭配好的兩種字體:一種給名稱和標題,一種給簡介和價格。樣式依適合的店型命名,下表列出其中幾種:
| 店型 | 字體樣式 |
|---|---|
| 咖啡店、早午餐、親子餐廳 | Corner Café |
| 咖啡店的每日特餐 | Chalkboard |
| 烘焙坊、甜點、冰品 | Croissant |
| 義式料理、披薩 | Trattoria |
| 牛排館、燒烤 | Grill House |
| 漢堡、街頭小吃、運動酒吧 | Smash |
| 精品咖啡、健康餐 | Nordic |
| 調酒吧、酒廊 | Speakeasy |
| 飯店、高級餐廳 | Grand Hotel |
有一點要先知道:字體樣式改變的是英文字母和數字,中文會用客人手機內建的中文字型顯示,在不同樣式下差別不大;選了手寫風格的樣式,中文也不會變成手寫字。所以以中文為主的菜單,樣式影響的主要是價格的數字和英文版本。挑樣式時看英文版的效果,再用自己的手機把中文版從頭看一遍。
菜單配色怎麼選?
先看對比:文字和底色的深淺要差得夠多,客人在燈光昏暗的酒吧、在陽光下的戶外座位都看得清楚。再看風格:招牌、牆面和餐具是什麼顏色,菜單就可以沿用,讓客人一眼認出是您的店。
doXmenu 有 70 套現成的配色方案,分成 10 組:「精緻餐飲與奢華」「咖啡館與烘焙坊」「義式」「燒烤與肉類」「亞洲風味」「地中海與海鮮」「酒吧與夜生活」「健康與甜點」「快餐與街頭小吃」「酒店與天台」。每一套都會一次設定整份菜單的顏色,而且都經過檢查:餐點名稱、價格和簡介與底色的對比度至少 4.5:1。您也可以自己挑每一種顏色,或用「從標誌選色」直接取用標誌上的顏色。控制台的「即時預覽」把顏色套在真實的菜單和餐點頁上,儲存前就看得到效果。
餐點照片怎麼拍?
拍店裡真實的餐點,照片要和送上桌的樣子一致,不要用網路上找的圖。盡量在白天靠窗用自然光拍,同一個分類用同樣的角度和背景,整份菜單看起來才整齊。不必每道都拍:先拍招牌,再拍客人看名字猜不出來的餐點。
在 doXmenu,一道餐點可以放多張照片,排在首位的是主圖,也可以加一段影片。客人點開餐點,照片全螢幕顯示,左右滑動看下一張;價格、簡介、配料和過敏原就在照片下方。菜單首頁的背景圖,取景範圍就是整個手機螢幕;控制台會提醒,時鐘會遮住頂部邊緣、瀏覽器列會遮住底部邊緣,所以文字和標誌要避開這兩處。
菜單上的價格怎麼寫?
價格放在名稱後面或同一行右側,整份菜單用同一種寫法,例如都寫「NT$220」,或都只寫「220」,不要有的加「元」、有的不加。同一道有大小份或加料的,把差價寫清楚,例如「大碗 +30」;內用和外帶價格不同,兩種都寫。
更要緊的是,菜單上的價格要和結帳時收的一樣,另收的服務費也要寫在菜單上。香港消委會處理過的個案就有這種情形:電子菜單上標價 228 港元的套餐,結帳時收了 288 港元;點餐畫面顯示服務費為 0,帳單上卻多了一成(香港01 報導)。在 doXmenu,價格是您自己輸入的文字,輸入什麼,客人就看到什麼;改價格在控制台改,幾秒鐘就生效,不用重印 QR Code。
紙本菜單和 QR Code 菜單,設計有什麼不同?
差在版面和修改:紙本菜單要在固定的版面放下一切,手機上的菜單可以往下捲,而且隨時能改。
| 比較 | 紙本菜單 | QR Code 菜單(手機) |
|---|---|---|
| 版面 | 尺寸固定,一頁要放下整個分類 | 往下捲動,一個畫面看一個分類 |
| 照片 | 每加一張都占版面 | 每道都能放,點開全螢幕看 |
| 語言 | 每種語言各印一份 | 客人點一下就切換 |
| 修改 | 改價格或品項就要重印 | 在控制台改,幾秒鐘生效 |
所以紙本菜單要精簡,QR Code 菜單可以把簡介、配料和照片寫完整。兩份的品項和價格要一致,做法見沒帶手機的客人怎麼點餐。
菜單設計範本怎麼用?請人設計要多少錢?
在 Google 搜尋「菜單設計」,自動完成建議裡有「範本word」「模板免費」「價格」「報價」和「ai」(2026年10月7日查詢)。範本能幫您很快起步,但上線前要換成自己的內容和風格,不然菜單看起來會和別家一樣。在 doXmenu 註冊後,可以選「從模板開始」(控制台的用語是模板,也就是範本):先用現成的菜單模板搭好分類和餐點的架構,再換上自己的餐點、價格、標誌、背景圖、字體樣式和配色。
請設計師設計菜單,報價各家不同,本文沒有收集報價。可以比較的是長期成本:紙本菜單每改一次價格或品項,就要重新排版和印刷;doXmenu 的模板、字體樣式和配色方案都包含在方案裡,不另外收費,在台灣按年付費每月 US$14.99,首月免費。詳見價格頁。
菜單上線前要檢查什麼?
- 用自己的手機掃一次桌上的 QR Code,從客人的角度把菜單從頭滑到尾。
- 每個分類裡,招牌是不是排在前面,賣完的有沒有設為「已隱藏」或加上「已售罄」。
- 名稱、簡介和價格在底色上看不看得清楚,在室外和燈光暗的地方各看一次。
- 每種語言都切換一次,檢查翻譯、價格和過敏原標示。
- 照片和送上桌的餐點是否一致。
- 服務費等另收的費用,有沒有寫在菜單上。
常見問題
菜單設計要注意什麼?
重點是好找、好讀、看得出是哪一家店:分類照點餐順序排,名稱簡短、簡介寫清楚主要食材,文字和底色對比明顯,照片用真實的餐點,價格寫法一致,另收的費用寫在菜單上。
菜單用什麼字體好?
通常兩種就夠:名稱和標題用有個性的字體,簡介和價格用好讀的字體。doXmenu 的 16 種字體樣式都是搭配好的兩種字體;菜單裡的中文用客人手機內建的中文字型顯示,在不同樣式下差別不大。
菜單配色怎麼選?
先確定文字和底色對比明顯,再沿用店裡招牌和裝潢的顏色。doXmenu 有 70 套現成配色,分成 10 組,每一套的餐點名稱、價格和簡介與底色的對比度都至少 4.5:1,也可以自己挑每一種顏色。
doXmenu 的菜單模板要另外付費嗎?
不用。模板、字體樣式和配色方案都包含在方案裡。首月免費,無需信用卡;之後在台灣按年付費每月 US$14.99,沒有永久免費方案。
菜單一定要放照片嗎?
不一定。先替招牌和客人看名字猜不出來的餐點配照片,照片要用店裡真實的餐點。doXmenu 一道餐點可以放多張照片,客人點開後全螢幕瀏覽。
本文的資料從哪裡來?
以下來源均於 2026年10月7日查閱。
- 香港01:消委會電子點餐個案,標錯價錢、無寫加一、熱水當茶芥收費(2023 年)。
- Google 台灣對「菜單設計」的自動完成建議(doXmenu 於 2026年10月7日查詢)。
- doXmenu 產品資料:字體樣式、配色方案和對比檢查、照片和影片、背景圖、模板與即時預覽(2026年10月)。
台灣店家的完整說明在台灣頁面;QR Code 菜單怎麼製作,見 QR Code 菜單製作教學。想看這些設計在手機上的樣子,可以免費試用一個月,無需信用卡。
今天就建立您的 QR Code 菜單,首月免費。
免費開始