好的菜單設(shè)計 讓“美味”被“看見”
2024-07-24 161
好的菜單設(shè)計 讓“美味”被“看見”
走進一家餐廳,從“您好,這是菜單,看看想吃點什么?”,到“您好,可以掃描桌上二維碼點單?!比藗兓瑒悠聊唬谇宦傻男〕绦蚓W(wǎng)頁中挑選菜品,加入購物車,支付完畢后迅速關(guān)閉頁面。
“菜單”之于現(xiàn)代生活而言,幾乎只保留下了一些功能性價值,其作為一個視覺設(shè)計系統(tǒng)的美學價值逐漸因成本的考量被舍棄。翻開一些與菜單相關(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)”。比如特定的香水味會讓人想起某位摯友,家樓下便利店車仔面的味道會讓人記起放學后與友伴玩樂的時光。在許多實驗性設(shè)計中,平面設(shè)計往往能在視覺層面之外同時觸發(fā)人們的多重感官,引發(fā)“普魯斯特效應(yīng)”。
在本月的Graphics Lab欄目中,邀請各位與一起探索這些觸及感官的實驗性設(shè)計作品,觀察如何從視覺出發(fā),打開設(shè)計的更多可能性。本周,讓我們先從“味覺”設(shè)計開始,觀察實驗性設(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)仿佛讓文字和人類一樣有了性格。圓潤的字體給人一種親近、可愛的感覺,尖銳的字體則給人一種個性、嚴肅、謹慎的感覺。Wasserstrom曾總結(jié)道:研究表明,圓形字體表示甜味,而棱角分明的字體則更多地與咸味、酸味的食品飲料聯(lián)系在一起,舉兩個極端的例子——想象一家冰淇淋店在菜單上選擇使用棱角分明的字體,或許會帶來“危險的冰淇淋”這樣令人混淆的信息。
尖銳字體 菜單設(shè)計Sofiia Oswald
圖片來源:Sofiia Oswald Behance個人網(wǎng)頁
圓潤字體 菜單設(shè)計 Mane Malkhassian
圖片來源:Mane Malkhassian Behance個人網(wǎ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)粘I钪凶畛R姷降淖煮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è)計中,會使用筆刷感強的字體,例如模仿刷子的筆觸、粉筆的筆觸,這一類字體會帶給人一種“專屬定制”的感受,一些主打定制菜式的餐廳往往會采用。木版畫的雕刻感也常常被使用于手工感字體中,以Black Beer字體為例,正如design shack所介紹的,這款字體采用了強烈的哥特式字母設(shè)計,強調(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è)計上也是十分考究。雜志采用了復古明亮的配色與精致的排版,充滿設(shè)計感。在食物圖片的處理上,《Secret Menu》對餐食圖片進行漫畫般的處理。在一些圖像為主的版面,雜志選擇使用拼貼的方式將實物圖像摳圖放置在顏色艷麗的背景中。而在文字較多的版面,則會繪制卡通版餐品,或?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ù)所
圖片來源:風向設(shè)計網(wǎng)站
與這一設(shè)計創(chuàng)意類似的還有Ingrid Picanyol設(shè)計工作室為一家酒吧設(shè)計的“Excel表格”菜單。La Oficina de Parque是一家位于公園內(nèi)的酒吧,旨在為數(shù)字游民和當?shù)刈杂陕殬I(yè)者提供一個舒適、綠樹成蔭的環(huán)境,讓他們可以在這里喝杯咖啡、工作。結(jié)合這一定位,設(shè)計工作室以與“辦公室”密切相關(guān)的Microsoft Office Excel程序的標志性視覺語言為基礎(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è)計工作室介紹,一些微妙的細節(jié),如選區(qū)右下角的小立方體,電子表格頂部的字母單元格指示器,都是他們刻意保留的結(jié)果。這一設(shè)計巧思是為了進一步強調(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è)計打開新的可能性。當菜單設(shè)計不再僅是“自下而上”地僅從呈現(xiàn)食物出發(fā)制作,而是“自上而下”地由一個特定的,哪怕是與食物無關(guān)的意象展開創(chuàng)作,這時往往能留給設(shè)計在美學層面更大的發(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)象學,開啟美學與詩歌之旅。在漸變的、多彩的圖像中,結(jié)合簡短的詩句,《Sunset Coctail》為讀者構(gòu)建關(guān)于雞尾酒的味覺想象?!禨unset Coctail》成功地調(diào)動了各種視覺語言,從圖像的渲染,到對于文字的詩意感受,最終回到舌尖的酸甜苦辣,多重想象交融,讓設(shè)計觸及人們的多重感官。
《Sunset Coctail》Guillaume Aubry, Sterling Hudson
圖片來源:Guillaume Aubry社交媒體平臺,
JBE BOOKS出版社網(wǎng)站