台灣閱讀約 8 分鐘更新於

菜單設計:字體、配色、照片怎麼搭配

好的菜單設計,是讓客人幾秒鐘就找到想點的餐點。本文逐項說明分類、字體、配色、照片和價格怎麼安排,紙本菜單和手機菜單有什麼不同,以及範本該怎麼用。

菜單設計的重點,是讓客人幾秒鐘就找到想點的餐點:分類照點餐的順序排,字體和配色在手機上清楚好讀,照片用店裡真實的餐點,價格的寫法整份一致。用 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 示範菜單:Grand Hotel 字體樣式,Gold Leaf 配色
Grand Hotel · Gold Leaf(英文畫面)
同一份示範菜單:Trattoria 字體樣式,Forest Table 配色
Trattoria · Forest Table(英文畫面)
同一份示範菜單:Croissant 字體樣式,Blush Bakery 配色
Croissant · Blush Bakery(英文畫面)

餐點照片怎麼拍?

拍店裡真實的餐點,照片要和送上桌的樣子一致,不要用網路上找的圖。盡量在白天靠窗用自然光拍,同一個分類用同樣的角度和背景,整份菜單看起來才整齊。不必每道都拍:先拍招牌,再拍客人看名字猜不出來的餐點。

在 doXmenu,一道餐點可以放多張照片,排在首位的是主圖,也可以加一段影片。客人點開餐點,照片全螢幕顯示,左右滑動看下一張;價格、簡介、配料和過敏原就在照片下方。菜單首頁的背景圖,取景範圍就是整個手機螢幕;控制台會提醒,時鐘會遮住頂部邊緣、瀏覽器列會遮住底部邊緣,所以文字和標誌要避開這兩處。

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,首月免費。詳見價格頁。

菜單上線前要檢查什麼?

  1. 用自己的手機掃一次桌上的 QR Code,從客人的角度把菜單從頭滑到尾。
  2. 每個分類裡,招牌是不是排在前面,賣完的有沒有設為「已隱藏」或加上「已售罄」。
  3. 名稱、簡介和價格在底色上看不看得清楚,在室外和燈光暗的地方各看一次。
  4. 每種語言都切換一次,檢查翻譯、價格和過敏原標示。
  5. 照片和送上桌的餐點是否一致。
  6. 服務費等另收的費用,有沒有寫在菜單上。

常見問題

菜單設計要注意什麼?

重點是好找、好讀、看得出是哪一家店:分類照點餐順序排,名稱簡短、簡介寫清楚主要食材,文字和底色對比明顯,照片用真實的餐點,價格寫法一致,另收的費用寫在菜單上。

菜單用什麼字體好?

通常兩種就夠:名稱和標題用有個性的字體,簡介和價格用好讀的字體。doXmenu 的 16 種字體樣式都是搭配好的兩種字體;菜單裡的中文用客人手機內建的中文字型顯示,在不同樣式下差別不大。

菜單配色怎麼選?

先確定文字和底色對比明顯,再沿用店裡招牌和裝潢的顏色。doXmenu 有 70 套現成配色,分成 10 組,每一套的餐點名稱、價格和簡介與底色的對比度都至少 4.5:1,也可以自己挑每一種顏色。

doXmenu 的菜單模板要另外付費嗎?

不用。模板、字體樣式和配色方案都包含在方案裡。首月免費,無需信用卡;之後在台灣按年付費每月 US$14.99,沒有永久免費方案。

菜單一定要放照片嗎?

不一定。先替招牌和客人看名字猜不出來的餐點配照片,照片要用店裡真實的餐點。doXmenu 一道餐點可以放多張照片,客人點開後全螢幕瀏覽。

本文的資料從哪裡來?

以下來源均於 2026年10月7日查閱。

台灣店家的完整說明在台灣頁面;QR Code 菜單怎麼製作,見 QR Code 菜單製作教學。想看這些設計在手機上的樣子,可以免費試用一個月,無需信用卡。

今天就建立您的 QR Code 菜單,首月免費。

免費開始
您好,我是 doXi!一起來做您的菜單吧?

今天就讓菜單上線

加入菜品,選好風格,把 QR Code 放到桌上。首月免費。

  • 首月免費
  • 無需信用卡
  • 隨時取消