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

好的菜單設(shè)計(jì) 讓“美味”被“看見”

資訊頻道 - 觀點(diǎn)·話題 來(lái)源:設(shè)計(jì)在線 作者:飛狐 2024-07-19
61 0 1

走進(jìn)一家餐廳,從“您好,這是菜單,看看想吃點(diǎn)什么?”,到“您好,可以掃描桌上二維碼點(diǎn)單。”人們滑動(dòng)屏幕,在千篇一律的小程序網(wǎng)頁(yè)中挑選菜品,加入購(gòu)物車,支付完畢后迅速關(guān)閉頁(yè)面。

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

圖片

《Secret Menu》DoorDash

《Sunset Coctail》Guillaume Aubry, Sterling Hudson

圖片來(lái)源:Yukiko設(shè)計(jì)工作室網(wǎng)站,

Guillaume Aubry社交媒體平臺(tái)

圖片

Graphics Lab Issue 01. 感官實(shí)驗(yàn)設(shè)計(jì)

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

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

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

圖片

圖片

圖片

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

圖片來(lái)源:velvele設(shè)計(jì)工作室 Behance個(gè)人網(wǎng)頁(yè)

01/

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

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

圖片

圖片

圖片

菜單設(shè)計(jì) Sofiia Oswald

圖片來(lái)源:Sofiia Oswald Behance個(gè)人網(wǎng)頁(yè)

圖片

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

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

圖片

圖片

圖片

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

圖片來(lái)源:Sofiia Oswald Behance個(gè)人網(wǎng)頁(yè)

圖片

圖片

圓潤(rùn)字體 菜單設(shè)計(jì) Mane Malkhassian

圖片來(lái)源:Mane Malkhassian Behance個(gè)人網(wǎng)頁(yè)

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

圖片

圖片

圖片

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

圖片來(lái)源:Studio NinetyOne Behance個(gè)人網(wǎng)頁(yè)

圖片

圖片

彎曲字體(Tagliatelle字體)菜單設(shè)計(jì) 

Tagliatelle 圖片來(lái)源:Creative Market網(wǎng)站

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

圖片

圖片

圖片

圖片

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

圖片來(lái)源:velvele設(shè)計(jì)工作室 Behance個(gè)人網(wǎng)頁(yè)

圖片

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

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

圖片

圖片

圖片

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

圖片來(lái)源:Anna Kuznetsova Behance個(gè)人網(wǎng)頁(yè)

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

圖片

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

Black Beer 圖片來(lái)源:design shack網(wǎng)站

圖片

圖片

圖片

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

圖片來(lái)源:Katell Robcis Behance個(gè)人網(wǎng)頁(yè)

圖片

圖片

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

圖片來(lái)源:Ksushi Art Behance個(gè)人網(wǎng)頁(yè)

02/

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

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

圖片

圖片

《Secret Menu》DoorDash

圖片來(lái)源:DoorDash網(wǎng)站

圖片

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

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

圖片

圖片

《Secret Menu》DoorDash

圖片來(lái)源:MikeTeevee設(shè)計(jì)工作室網(wǎng)站

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

圖片

圖片

圖片

《Secret Menu》DoorDash

圖片來(lái)源:MikeTeevee設(shè)計(jì)工作室網(wǎng)站

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

圖片

圖片

圖片

圖片

《Secret Menu》DoorDash

圖片來(lái)源:Yukiko設(shè)計(jì)工作室網(wǎng)站

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

圖片

圖片

圖片

圖片

《Secret Menu》DoorDash

圖片來(lái)源:DoorDash, It's Nice That網(wǎng)站

圖片

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

幾何圖形與品牌形象

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

圖片

圖片

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

Ingrid Picanyol設(shè)計(jì)工作室

圖片來(lái)源:Ingrid Picanyol設(shè)計(jì)工作室網(wǎng)站

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

圖片

圖片

圖片

圖片

圖片

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

圖片來(lái)源:cheeerSTUDIO設(shè)計(jì)工作室網(wǎng)站

圖片

圖片

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

圖片來(lái)源:風(fēng)向設(shè)計(jì)網(wǎng)站

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

圖片

圖片

圖片

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

Ingrid Picanyol設(shè)計(jì)工作室

圖片來(lái)源:Ingrid Picanyol設(shè)計(jì)工作室網(wǎng)站

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

圖片

圖片

圖片

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

Ingrid Picanyol設(shè)計(jì)工作室

圖片來(lái)源:Ingrid Picanyol設(shè)計(jì)工作室網(wǎng)站

03/

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

除了構(gòu)成菜單的基礎(chǔ)元素、版式之外,倘若可以在菜單的整體概念上注入更多維度視覺語(yǔ)言的想象,往往能夠?yàn)椴藛?a target="_blank" class="infotextkey" style="box-sizing:border-box;font-family:webfont, "background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;color:#333333;text-decoration-line:none;">設(shè)計(jì)打開新的可能性。當(dāng)菜單設(shè)計(jì)不再僅是“自下而上”地僅從呈現(xiàn)食物出發(fā)制作,而是“自上而下”地由一個(gè)特定的,哪怕是與食物無(wú)關(guān)的意象展開創(chuàng)作,這時(shí)往往能留給設(shè)計(jì)在美學(xué)層面更大的發(fā)揮空間。

圖片

圖片

圖片

《Sunset Coctail》Guillaume Aubry, Sterling Hudson

圖片來(lái)源:Guillaume Aubry社交媒體平臺(tái),

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

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

圖片

圖片

圖片

圖片

《Sunset Coctail》Guillaume Aubry, Sterling Hudson

圖片來(lái)源:Guillaume Aubry社交媒體平臺(tái)

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

圖片

圖片

圖片

《Sunset Coctail》Guillaume Aubry, Sterling Hudson

圖片來(lái)源:Guillaume Aubry社交媒體平臺(tái),

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