好的菜單設(shè)計 讓“美味”被“看見”
2024-07-24 112

走進(jìn)一家餐廳，從“您好，這是菜單，看看想吃點什么？”，到“您好，可以掃描桌上二維碼點單?！比藗兓瑒悠聊?，在千篇一律的小程序網(wǎng)頁中挑選菜品，加入購物車，支付完畢后迅速關(guān)閉頁面。

“菜單”之于現(xiàn)代生活而言，幾乎只保留下了一些功能性價值，其作為一個視覺設(shè)計系統(tǒng)的美學(xué)價值逐漸因成本的考量被舍棄。翻開一些與菜單相關(guān)的平面設(shè)計，共同觀察如何讓“美味”被“看見”。

《Secret Menu》DoorDash

《Sunset Coctail》Guillaume Aubry, Sterling Hudson

圖片來源：Yukiko設(shè)計工作室網(wǎng)站,

Guillaume Aubry社交媒體平臺

Graphics Lab Issue 01. 感官實驗設(shè)計

Graphics Lab欄目全新上線！誰說甲方喜歡的設(shè)計才是“好設(shè)計”？在Graphics Lab欄目，我們將定期以特定主題系列與大家分享精彩的實驗性設(shè)計作品，收集創(chuàng)意案例，激發(fā)創(chuàng)作靈感！

由感官激活的自傳體記憶可能是最有力、最有影響力的記憶之一，這種體驗被稱為 “普魯斯特效應(yīng)”。比如特定的香水味會讓人想起某位摯友，家樓下便利店車仔面的味道會讓人記起放學(xué)后與友伴玩樂的時光。在許多實驗性設(shè)計中，平面設(shè)計往往能在視覺層面之外同時觸發(fā)人們的多重感官，引發(fā)“普魯斯特效應(yīng)”。

在本月的Graphics Lab欄目中，邀請各位與一起探索這些觸及感官的實驗性設(shè)計作品，觀察如何從視覺出發(fā)，打開設(shè)計的更多可能性。本周，讓我們先從“味覺”設(shè)計開始，觀察實驗性設(shè)計如何用視覺傳遞味蕾想象。

菜單設(shè)計 velvele設(shè)計工作室

圖片來源：velvele設(shè)計工作室 Behance個人網(wǎng)頁

01/

字體的“味道”菜單設(shè)計元素

文字是菜單必不可少的元素之一，大到餐廳名稱、菜名，小到菜單的頁碼、價格，都需要文字呈現(xiàn)信息。因此，字體對于菜單設(shè)計而言是至關(guān)重要的一環(huán)。好的字體設(shè)計不僅能夠給人們提供更順暢的閱讀體驗，從而提升就餐體驗感，還能作為餐廳品牌形象的一部分，從視覺上向人們傳遞關(guān)于餐品味道的想象。

菜單設(shè)計 Sofiia Oswald

圖片來源：Sofiia Oswald Behance個人網(wǎng)頁

文字的不同姿態(tài)圓潤、尖銳、彎曲、方正

圓潤的、尖銳的、彎曲的、方正的文字姿態(tài)仿佛讓文字和人類一樣有了性格。圓潤的字體給人一種親近、可愛的感覺，尖銳的字體則給人一種個性、嚴(yán)肅、謹(jǐn)慎的感覺。Wasserstrom曾總結(jié)道：研究表明，圓形字體表示甜味，而棱角分明的字體則更多地與咸味、酸味的食品飲料聯(lián)系在一起，舉兩個極端的例子——想象一家冰淇淋店在菜單上選擇使用棱角分明的字體，或許會帶來“危險的冰淇淋”這樣令人混淆的信息。

尖銳字體 菜單設(shè)計Sofiia Oswald

圖片來源：Sofiia Oswald Behance個人網(wǎng)頁

圓潤字體 菜單設(shè)計 Mane Malkhassian

圖片來源：Mane Malkhassian Behance個人網(wǎng)頁

彎曲的字體作為線條將菜單的頁面劃分為圓形、扇形等以曲線邊界為主的平面板塊，與圓潤字體的不同之處在于，彎曲的字體往往更細(xì)，與菜單頁面的互動感更強(qiáng)；而圓潤的字體一般更粗，一般被視為圖像塊呈現(xiàn)在菜單中。以Tagliatelle字體為例，據(jù)Creative Market介紹，Tagliatelle與意大利餐廳的適配程度極高，它的靈感來自意大利小酒館，散發(fā)出有趣、友好、俏皮的氣息。

彎曲字體 菜單設(shè)計 Studio NinetyOne

圖片來源：Studio NinetyOne Behance個人網(wǎng)頁

彎曲字體（Tagliatelle字體）菜單設(shè)計 

Tagliatelle 圖片來源：Creative Market網(wǎng)站

方正的字體同樣具有設(shè)計潛力——常見的襯線字體與無襯線字體看起來十分“規(guī)矩”，也是我們?nèi)粘Ｉ钪凶畛Ｒ姷降淖煮w，因此方正的字體在菜單設(shè)計中總是給人簡約、經(jīng)典的感覺。Creative Market總結(jié)道，襯線字體由于具有可讀性和經(jīng)典美感通常用于書籍和報紙等印刷品中，給人傳統(tǒng)、可靠、成熟的印象；無襯線字體通常用于數(shù)字設(shè)計，往往體現(xiàn)現(xiàn)代、高效、平易近人的氣質(zhì)。

方正字體 菜單設(shè)計 velvele設(shè)計工作室

圖片來源：velvele設(shè)計工作室 Behance個人網(wǎng)頁

文字的質(zhì)感手寫、粉刷、木板雕刻

雖然在大多情況下，菜單會采用印刷的制作方法，但在字體選擇上，往往也不會局限于印刷體的使用，各式各樣保留手寫痕跡的字體賦予了菜單獨特的質(zhì)感。在手寫字體中，人們可以感受到手工制作的溫度與誠意，也提升了人們對餐廳的親切感。

手寫字體 菜單設(shè)計 Anna Kuznetsova 

圖片來源：Anna Kuznetsova Behance個人網(wǎng)頁

有的菜單設(shè)計中，會使用筆刷感強(qiáng)的字體，例如模仿刷子的筆觸、粉筆的筆觸，這一類字體會帶給人一種“專屬定制”的感受，一些主打定制菜式的餐廳往往會采用。木版畫的雕刻感也常常被使用于手工感字體中，以Black Beer字體為例，正如design shack所介紹的，這款字體采用了強(qiáng)烈的哥特式字母設(shè)計，強(qiáng)調(diào)了粗曠堅韌的感覺，與一些精釀吧的氛圍十分適配。

木板雕刻感字體（Black Beer） 菜單設(shè)計 

Black Beer 圖片來源：design shack網(wǎng)站

木版雕刻感字體 菜單設(shè)計 Katell Robcis

圖片來源：Katell Robcis Behance個人網(wǎng)頁

筆刷感字體 菜單設(shè)計 Ksushi Art

圖片來源：Ksushi Art Behance個人網(wǎng)頁

02/

版式“烹飪魔法”菜單元素排列

組成一份菜單的元素包含了文字、食物圖片、插畫、色塊、線條等等，而菜單的設(shè)計并不是元素的簡單堆砌，版式設(shè)計同樣重要。如何將這些元素巧妙地搭配、排列，使它們共同呈現(xiàn)吸引人的視覺效果，是版式設(shè)計的“烹飪魔法”。

《Secret Menu》DoorDash

圖片來源：DoorDash網(wǎng)站

食物圖片的藝術(shù)化處理像做漫畫一樣做菜單

誘人可口的食物圖片自然是觸發(fā)味蕾想象必不可少的部分，如何處理美食圖像自然成為了設(shè)計菜單中重要的一環(huán)。在多數(shù)菜單設(shè)計中，對食物圖片的處理僅停留在修飾圖片本身，以及調(diào)整圖片的大小。然而，關(guān)于食物圖片的處理還有許多藝術(shù)化的設(shè)計空間，《Secret Menu》的設(shè)計或許能帶來不一樣的啟發(fā)。

《Secret Menu》DoorDash

圖片來源：MikeTeevee設(shè)計工作室網(wǎng)站

這是一本由訂餐平臺DoorDash推出面向餐飲界的雜志，旨在為讀者打造分享靈感信息的交流平臺。雜志的創(chuàng)辦理念是：“一家餐廳的故事可以相互借鑒或啟發(fā)”。每一期探索特定城市獨特的餐廳文化，深入探討餐廳是如何將一個社區(qū)聯(lián)系起來的。這本雜志曾獲2024年D&AD木鉛筆獎，并入圍2024年紐約ADC獎項。

《Secret Menu》DoorDash

圖片來源：MikeTeevee設(shè)計工作室網(wǎng)站

雖然只是一本餐飲雜志，但《Secret Menu》在設(shè)計上也是十分考究。雜志采用了復(fù)古明亮的配色與精致的排版，充滿設(shè)計感。在食物圖片的處理上，《Secret Menu》對餐食圖片進(jìn)行漫畫般的處理。在一些圖像為主的版面，雜志選擇使用拼貼的方式將實物圖像摳圖放置在顏色艷麗的背景中。而在文字較多的版面，則會繪制卡通版餐品，或?qū)⑽淖謬@圖片排放。

《Secret Menu》DoorDash

圖片來源：Yukiko設(shè)計工作室網(wǎng)站

《Secret Menu》中的食物圖片并不是每一張都十分精致，但其高飽和度的色彩搭配，以及大膽豐富的字體設(shè)計，像漫畫書一般呈現(xiàn)了一本“味覺盛宴”。這使其中不夠精致的食物照片也變得可愛活潑起來。除此之外，漫畫般的處理與寫實照片的素材，這二者之間奇妙的“沖突感”也形成了微妙的張力，使這本美食雜志不只是讓人感到“看餓了”，還擁有令人眼前一亮的魅力。

《Secret Menu》DoorDash

圖片來源：DoorDash, It's Nice That網(wǎng)站

打破傳統(tǒng)菜單版式網(wǎng)絡(luò)

幾何圖形與品牌形象

在常規(guī)的版式設(shè)計中，通常以方格為基礎(chǔ)擺放各種元素，菜單設(shè)計中也不例外。但在一些實驗性的菜單設(shè)計中我們可以發(fā)現(xiàn)，巧妙運用幾何圖形作為框架排版，能夠帶來一些意想不到的視覺效果。

La Oficina de Parque 餐飲視覺設(shè)計

Ingrid Picanyol設(shè)計工作室

圖片來源：Ingrid Picanyol設(shè)計工作室網(wǎng)站

cheeerSTUDIO設(shè)計工作室為赤青餐廳設(shè)計的餐飲視覺便是很好的例子。在這份充滿設(shè)計感的菜單中，將“赤”與“青”兩個漢字做了下寬上窄的處理，形成三角形。并且將三角形延伸到幾乎所有頁面的設(shè)計中，以三角形為框線排版文字和圖片。據(jù)cheeerSTUDIO介紹，這一設(shè)計靈感源于餐廳內(nèi)象征性的三角形天窗。

赤青餐廳 餐飲視覺設(shè)計 cheeerSTUDIO

圖片來源：cheeerSTUDIO設(shè)計工作室網(wǎng)站

赤青餐廳 室內(nèi)三角裝潢SODA建筑師事務(wù)所

圖片來源：風(fēng)向設(shè)計網(wǎng)站

與這一設(shè)計創(chuàng)意類似的還有Ingrid Picanyol設(shè)計工作室為一家酒吧設(shè)計的“Excel表格”菜單。La Oficina de Parque是一家位于公園內(nèi)的酒吧，旨在為數(shù)字游民和當(dāng)?shù)刈杂陕殬I(yè)者提供一個舒適、綠樹成蔭的環(huán)境，讓他們可以在這里喝杯咖啡、工作。結(jié)合這一定位，設(shè)計工作室以與“辦公室”密切相關(guān)的Microsoft Office Excel程序的標(biāo)志性視覺語言為基礎(chǔ)，融合公園生活中各種可識別的元素設(shè)計了一份菜單。

La Oficina de Parque 餐飲視覺設(shè)計

Ingrid Picanyol設(shè)計工作室

圖片來源：Ingrid Picanyol設(shè)計工作室網(wǎng)站

設(shè)計師們通過調(diào)整單元格的顏色、大小，合并單元格等方式創(chuàng)建模塊化插圖，繪制樹葉、花朵、蜜蜂、噴泉等與公園相關(guān)的圖案。據(jù)Ingrid Picanyol設(shè)計工作室介紹，一些微妙的細(xì)節(jié)，如選區(qū)右下角的小立方體，電子表格頂部的字母單元格指示器，都是他們刻意保留的結(jié)果。這一設(shè)計巧思是為了進(jìn)一步強(qiáng)調(diào)Excel表格這一特殊的幾何元素符號意義，突出品牌定位。

La Oficina de Parque 餐飲視覺設(shè)計

Ingrid Picanyol設(shè)計工作室

圖片來源：Ingrid Picanyol設(shè)計工作室網(wǎng)站

03/

視覺語言融合“調(diào)味”菜單概念創(chuàng)新

除了構(gòu)成菜單的基礎(chǔ)元素、版式之外，倘若可以在菜單的整體概念上注入更多維度視覺語言的想象，往往能夠為菜單設(shè)計打開新的可能性。當(dāng)菜單設(shè)計不再僅是“自下而上”地僅從呈現(xiàn)食物出發(fā)制作，而是“自上而下”地由一個特定的，哪怕是與食物無關(guān)的意象展開創(chuàng)作，這時往往能留給設(shè)計在美學(xué)層面更大的發(fā)揮空間。

《Sunset Coctail》Guillaume Aubry, Sterling Hudson

圖片來源：Guillaume Aubry社交媒體平臺,

JBE BOOKS出版社網(wǎng)站

《Sunset Coctail》是一本實驗性的雞尾酒酒單，這本酒單根據(jù)Guillaume Aubry對“日落”藝術(shù)性、神秘性和日常性的研究附上有關(guān)“日落”的詩句，配合由調(diào)酒師Sterling Hudson圍繞這些主題設(shè)計的12款雞尾酒，邀請人們將沉思轉(zhuǎn)化為一種味覺感官體驗，在太陽落山一天結(jié)束之際，共舉一杯“日落之飲”。

《Sunset Coctail》Guillaume Aubry, Sterling Hudson

圖片來源：Guillaume Aubry社交媒體平臺

與其說是一本菜單或酒單，《Sunset Coctail》更像是一本藝術(shù)書，與讀者共同探討關(guān)于日落的漸變現(xiàn)象學(xué)，開啟美學(xué)與詩歌之旅。在漸變的、多彩的圖像中，結(jié)合簡短的詩句，《Sunset Coctail》為讀者構(gòu)建關(guān)于雞尾酒的味覺想象?！禨unset Coctail》成功地調(diào)動了各種視覺語言，從圖像的渲染，到對于文字的詩意感受，最終回到舌尖的酸甜苦辣，多重想象交融，讓設(shè)計觸及人們的多重感官。

《Sunset Coctail》Guillaume Aubry, Sterling Hudson

圖片來源：Guillaume Aubry社交媒體平臺,

JBE BOOKS出版社網(wǎng)站