“好吃”的視覺(jué)設計怎么做?打開(kāi)這份“設計烹飪秘籍”!
視覺(jué)設計中的味蕾實(shí)驗
關(guān)于菜單設計的可能性
走進(jìn)一家餐廳,從“您好,這是菜單,看看想吃點(diǎn)什么?”,到“您好,可以?huà)呙枳郎隙S碼點(diǎn)單。”人們滑動(dòng)屏幕,在千篇一律的小程序網(wǎng)頁(yè)中挑選菜品,加入購物車(chē),支付完畢后迅速關(guān)閉頁(yè)面。
“菜單”之于現代生活而言,幾乎只保留下了一些功能性?xún)r(jià)值,其作為一個(gè)視覺(jué)設計系統的美學(xué)價(jià)值逐漸因成本的考量被舍棄。今天,和BranD一起,重新翻開(kāi)一些與菜單相關(guān)的平面設計,共同觀(guān)察如何讓“美味”被“看見(jiàn)”。
《Secret Menu》?DoorDash
《Sunset Coctail》?Guillaume Aubry,Sterling Hudson
圖片來(lái)源:Yukiko設計工作室網(wǎng)站,
Guillaume Aubry社交媒體平臺
Graphics Lab Issue 01.感官實(shí)驗設計
Graphics Lab欄目全新上線(xiàn)!誰(shuí)說(shuō)甲方喜歡的設計才是“好設計”?在Graphics Lab欄目,我們將定期以特定主題系列與大家分享精彩的實(shí)驗性設計作品,收集創(chuàng )意案例,激發(fā)創(chuàng )作靈感!
由感官激活的自傳體記憶可能是最有力、最有影響力的記憶之一,這種體驗被稱(chēng)為 “普魯斯特效應”。比如特定的香水味會(huì )讓人想起某位摯友,家樓下便利店車(chē)仔面的味道會(huì )讓人記起放學(xué)后與友伴玩樂(lè )的時(shí)光。在許多實(shí)驗性設計中,平面設計往往能在視覺(jué)層面之外同時(shí)觸發(fā)人們的多重感官,引發(fā)“普魯斯特效應”。
在本月的Graphics Lab欄目中,邀請各位與BranD一起探索這些觸及感官的實(shí)驗性設計作品,觀(guān)察如何從視覺(jué)出發(fā),打開(kāi)設計的更多可能性。本周,讓我們先從“味覺(jué)”設計開(kāi)始,觀(guān)察實(shí)驗性設計如何用視覺(jué)傳遞味蕾想象。
菜單設計?velvele設計工作室
圖片來(lái)源:velvele設計工作室 Behance個(gè)人網(wǎng)頁(yè)
字體的“味道”
菜單設計元素
文字是菜單必不可少的元素之一,大到餐廳名稱(chēng)、菜名,小到菜單的頁(yè)碼、價(jià)格,都需要文字呈現信息。因此,字體對于菜單設計而言是至關(guān)重要的一環(huán)。好的字體設計不僅能夠給人們提供更順暢的閱讀體驗,從而提升就餐體驗感,還能作為餐廳品牌形象的一部分,從視覺(jué)上向人們傳遞關(guān)于餐品味道的想象。
菜單設計?Sofiia Oswald
圖片來(lái)源:Sofiia Oswald Behance個(gè)人網(wǎng)頁(yè)
文字的不同姿態(tài)
圓潤、尖銳、彎曲、方正
圓潤的、尖銳的、彎曲的、方正的文字姿態(tài)仿佛讓文字和人類(lèi)一樣有了性格。圓潤的字體給人一種親近、可愛(ài)的感覺(jué),尖銳的字體則給人一種個(gè)性、嚴肅、謹慎的感覺(jué)。Wasserstrom曾總結道:研究表明,圓形字體表示甜味,而棱角分明的字體則更多地與咸味、酸味的食品飲料聯(lián)系在一起,舉兩個(gè)極端的例子——想象一家冰淇淋店在菜單上選擇使用棱角分明的字體,或許會(huì )帶來(lái)“危險的冰淇淋”這樣令人混淆的信息。
尖銳字體 菜單設計?Sofiia Oswald
圖片來(lái)源:Sofiia OswaldBehance個(gè)人網(wǎng)頁(yè)
圓潤字體 菜單設計?Mane Malkhassian
圖片來(lái)源:Mane MalkhassianBehance個(gè)人網(wǎng)頁(yè)
彎曲的字體作為線(xiàn)條將菜單的頁(yè)面劃分為圓形、扇形等以曲線(xiàn)邊界為主的平面板塊,與圓潤字體的不同之處在于,彎曲的字體往往更細,與菜單頁(yè)面的互動(dòng)感更強;而圓潤的字體一般更粗,一般被視為圖像塊呈現在菜單中。以Tagliatelle字體為例,據Creative Market介紹,Tagliatelle與意大利餐廳的適配程度極高,它的靈感來(lái)自意大利小酒館,散發(fā)出有趣、友好、俏皮的氣息。
彎曲字體 菜單設計?Studio NinetyOne
圖片來(lái)源:Studio NinetyOneBehance個(gè)人網(wǎng)頁(yè)
彎曲字體(Tagliatelle字體)菜單設計
?Tagliatelle圖片來(lái)源:Creative Market網(wǎng)站
方正的字體同樣具有設計潛力——常見(jiàn)的襯線(xiàn)字體與無(wú)襯線(xiàn)字體看起來(lái)十分“規矩”,也是我們日常生活中最常見(jiàn)到的字體,因此方正的字體在菜單設計中總是給人簡(jiǎn)約、經(jīng)典的感覺(jué)。Creative Market總結道,襯線(xiàn)字體由于具有可讀性和經(jīng)典美感通常用于書(shū)籍和報紙等印刷品中,給人傳統、可靠、成熟的印象;無(wú)襯線(xiàn)字體通常用于數字設計,往往體現現代、高效、吉印通近人的氣質(zhì)。
方正字體 菜單設計?velvele設計工作室
圖片來(lái)源:velvele設計工作室Behance個(gè)人網(wǎng)頁(yè)
文字的質(zhì)感
手寫(xiě)、粉刷、木板雕刻
雖然在大多情況下,菜單會(huì )采用印刷的制作方法,但在字體選擇上,往往也不會(huì )局限于印刷體的使用,各式各樣保留手寫(xiě)痕跡的字體賦予了菜單獨特的質(zhì)感。在手寫(xiě)字體中,人們可以感受到手工制作的溫度與誠意,也提升了人們對餐廳的親切感。
手寫(xiě)字體 菜單設計?Anna Kuznetsova
圖片來(lái)源:Anna KuznetsovaBehance個(gè)人網(wǎng)頁(yè)
有的菜單設計中,會(huì )使用筆刷感強的字體,例如模仿刷子的筆觸、粉筆的筆觸,這一類(lèi)字體會(huì )帶給人一種“專(zhuān)屬定制”的感受,一些主打定制菜式的餐廳往往會(huì )采用。木版畫(huà)的雕刻感也常常被使用于手工感字體中,以Black Beer字體為例,正如design shack所介紹的,這款字體采用了強烈的哥特式字母設計,強調了粗曠堅韌的感覺(jué),與一些精釀吧的氛圍十分適配。
木板雕刻感字體(Black Beer) 菜單設計
?Black Beer 圖片來(lái)源:design shack網(wǎng)站
木版雕刻感字體 菜單設計?Katell Robcis
圖片來(lái)源:Katell RobcisBehance個(gè)人網(wǎng)頁(yè)
筆刷感字體 菜單設計?Ksushi Art
圖片來(lái)源:Ksushi ArtBehance個(gè)人網(wǎng)頁(yè)
版式“烹飪魔法”
菜單元素排列
組成一份菜單的元素包含了文字、食物圖片、插畫(huà)、色塊、線(xiàn)條等等,而菜單的設計并不是元素的簡(jiǎn)單堆砌,版式設計同樣重要。如何將這些元素巧妙地搭配、排列,使它們共同呈現吸引人的視覺(jué)效果,是版式設計的“烹飪魔法”。
《Secret Menu》?DoorDash
圖片來(lái)源:DoorDash網(wǎng)站
食物圖片的藝術(shù)化處理
像做漫畫(huà)一樣做菜單
誘人可口的食物圖片自然是觸發(fā)味蕾想象必不可少的部分,如何處理美食圖像自然成為了設計菜單中重要的一環(huán)。在多數菜單設計中,對食物圖片的處理僅停留在修飾圖片本身,以及調整圖片的大小。然而,關(guān)于食物圖片的處理還有許多藝術(shù)化的設計空間,《Secret Menu》的設計或許能帶來(lái)不一樣的啟發(fā)。
《Secret Menu》?DoorDash
圖片來(lái)源:MikeTeevee設計工作室網(wǎng)站
這是一本由訂餐平臺DoorDash推出面向餐飲界的雜志,旨在為讀者打造分享靈感信息的交流平臺。雜志的創(chuàng )辦理念是:“一家餐廳的故事可以相互借鑒或啟發(fā)”。每一期探索特定城市獨特的餐廳文化,深入探討餐廳是如何將一個(gè)社區聯(lián)系起來(lái)的。這本雜志曾獲2024年DAD木鉛筆獎,并入圍2024年紐約ADC獎項。
《Secret Menu》?DoorDash
圖片來(lái)源:MikeTeevee設計工作室網(wǎng)站
雖然只是一本餐飲雜志,但《Secret Menu》在設計上也是十分考究。雜志采用了復古明亮的配色與精致的排版,充滿(mǎn)設計感。在食物圖片的處理上,《Secret Menu》對餐食圖片進(jìn)行漫畫(huà)般的處理。在一些圖像為主的版面,雜志選擇使用拼貼的方式將實(shí)物圖像摳圖放置在顏色艷麗的背景中。而在文字較多的版面,則會(huì )繪制卡通版餐品,或將文字圍繞圖片排放。
《Secret Menu》?DoorDash
圖片來(lái)源:Yukiko設計工作室網(wǎng)站
《Secret Menu》中的食物圖片并不是每一張都十分精致,但其高飽和度的色彩搭配,以及大膽豐富的字體設計,像漫畫(huà)書(shū)一般呈現了一本“味覺(jué)盛宴”。這使其中不夠精致的食物照片也變得可愛(ài)活潑起來(lái)。除此之外,漫畫(huà)般的處理與寫(xiě)實(shí)照片的素材,這二者之間奇妙的“沖突感”也形成了微妙的張力,使這本美食雜志不只是讓人感到“看餓了”,還擁有令人眼前一亮的魅力。
《Secret Menu》?DoorDash
圖片來(lái)源:DoorDash, It's Nice That網(wǎng)站
打破傳統菜單版式網(wǎng)絡(luò )
幾何圖形與品牌形象
在常規的版式設計中,通常以方格為基礎擺放各種元素,菜單設計中也不例外。但在一些實(shí)驗性的菜單設計中我們可以發(fā)現,巧妙運用幾何圖形作為框架排版,能夠帶來(lái)一些意想不到的視覺(jué)效果。
La Oficina de Parque餐飲視覺(jué)設計
?Ingrid Picanyol設計工作室
圖片來(lái)源:Ingrid Picanyol設計工作室網(wǎng)站
cheeerSTUDIO設計工作室為赤青餐廳設計的餐飲視覺(jué)便是很好的例子。在這份充滿(mǎn)設計感的菜單中,將“赤”與“青”兩個(gè)漢字做了下寬上窄的處理,形成三角形。并且將三角形延伸到幾乎所有頁(yè)面的設計中,以三角形為框線(xiàn)排版文字和圖片。據cheeerSTUDIO介紹,這一設計靈感源于餐廳內象征性的三角形天窗。
赤青餐廳餐飲視覺(jué)設計?cheeerSTUDIO
圖片來(lái)源:cheeerSTUDIO設計工作室網(wǎng)站
赤青餐廳室內三角裝潢?SODA建筑師事務(wù)所
圖片來(lái)源:風(fēng)向設計網(wǎng)站
與這一設計創(chuàng )意類(lèi)似的還有Ingrid Picanyol設計工作室為一家酒吧設計的“Excel表格”菜單。La Oficina de Parque是一家位于公園內的酒吧,旨在為數字游民和當地自由職業(yè)者提供一個(gè)舒適、綠樹(shù)成蔭的環(huán)境,讓他們可以在這里喝杯咖啡、工作。結合這一定位,設計工作室以與“辦公室”密切相關(guān)的Microsoft Office Excel程序的標志性視覺(jué)語(yǔ)言為基礎,融合公園生活中各種可識別的元素設計了一份菜單。
La Oficina de Parque餐飲視覺(jué)設計
?Ingrid Picanyol設計工作室
圖片來(lái)源:Ingrid Picanyol設計工作室網(wǎng)站
設計師們通過(guò)調整單元格的顏色、大小,合并單元格等方式創(chuàng )建模塊化插圖,繪制樹(shù)葉、花朵、蜜蜂、噴泉等與公園相關(guān)的圖案。據Ingrid Picanyol設計工作室介紹,一些微妙的細節,如選區右下角的小立方體,電子表格頂部的字母單元格指示器,都是他們刻意保留的結果。這一設計巧思是為了進(jìn)一步強調Excel表格這一特殊的幾何元素符號意義,突出品牌定位。
La Oficina de Parque餐飲視覺(jué)設計
?Ingrid Picanyol設計工作室
圖片來(lái)源:Ingrid Picanyol設計工作室網(wǎng)站
視覺(jué)語(yǔ)言融合“調味”
菜單概念創(chuàng )新
除了構成菜單的基礎元素、版式之外,倘若可以在菜單的整體概念上注入更多維度視覺(jué)語(yǔ)言的想象,往往能夠為菜單設計打開(kāi)新的可能性。當菜單設計不再僅是“自下而上”地僅從呈現食物出發(fā)制作,而是“自上而下”地由一個(gè)特定的,哪怕是與食物無(wú)關(guān)的意象展開(kāi)創(chuàng )作,這時(shí)往往能留給設計在美學(xué)層面更大的發(fā)揮空間。
《Sunset Coctail》?Guillaume Aubry,Sterling Hudson
圖片來(lái)源:Guillaume Aubry社交媒體平臺,
JBE BOOKS出版社網(wǎng)站
《Sunset Coctail》是一本實(shí)驗性的雞尾酒酒單,這本酒單根據Guillaume Aubry對“日落”藝術(shù)性、神秘性和日常性的研究附上有關(guān)“日落”的詩(shī)句,配合由調酒師Sterling Hudson圍繞這些主題設計的12款雞尾酒,邀請人們將沉思轉化為一種味覺(jué)感官體驗,在太陽(yáng)落山一天結束之際,共舉一杯“日落之飲”。
《Sunset Coctail》?Guillaume Aubry,Sterling Hudson
圖片來(lái)源:Guillaume Aubry社交媒體平臺
與其說(shuō)是一本菜單或酒單,《Sunset Coctail》更像是一本藝術(shù)書(shū),與讀者共同探討關(guān)于日落的漸變現象學(xué),開(kāi)啟美學(xué)與詩(shī)歌之旅。在漸變的、多彩的圖像中,結合簡(jiǎn)短的詩(shī)句,《Sunset Coctail》為讀者構建關(guān)于雞尾酒的味覺(jué)想象。《Sunset Coctail》成功地調動(dòng)了各種視覺(jué)語(yǔ)言,從圖像的渲染,到對于文字的詩(shī)意感受,最終回到舌尖的酸甜苦辣,多重想象交融,讓設計觸及人們的多重感官。
《Sunset Coctail》?Guillaume Aubry,Sterling Hudson
圖片來(lái)源:Guillaume Aubry社交媒體平臺,
JBE BOOKS出版社網(wǎng)站
BranD No.74 火熱預售中!
主題有獎競猜!
掃描圖片二維碼或點(diǎn)擊閱讀全文 即可購買(mǎi)
BranD No.74 ?BranD
編輯 |木耶子
圖片及資訊| (上下滑動(dòng)文字查看詳情)
*如有版權問(wèn)題,請聯(lián)系*后臺
源自設計師社交媒體設計師個(gè)人網(wǎng)站
及網(wǎng)絡(luò )共享資源(詳見(jiàn)圖片注釋?zhuān)?/p>
Ins:Ingrid Picanyol設計工作室 @ingridpicanyolstudio
Guillaume Aubry @aubry.guillaume
網(wǎng)站:
021yin.com
021yin.com
021yin.com
021yin.com
021yin.com
021yin.com
021yin.com
021yin.com
媒體報道:
①設計風(fēng)向《SODA Architects|三里屯AKATOAO赤青餐廳》(2019.8.6)
②It’s Nice That《Try not to drool:
Studio Yukiko’s new magazine for DoorDash is yummy to the core》
Liz Gorny(2022.10.5)
③Wasserstrom《How to Choose the Best Fonts
-for Your Restaurant Menu》(2023.3.27)
④Creative Market《21 Best Fonts For Menu Boards》(2024.1.24)
⑤Design Shack《25+ Best Fonts for Menus
(Restaurants, Cafes + Bars)》Roshan Perera (2023.9.15)