“好吃”的视觉设计怎么做?打开这份“设计烹饪秘籍”!字体设计

走进一家餐厅,从“您好,这是菜单,看看想吃点什么?”,到“您好,可以扫描桌上二维码点单。”人们滑动屏幕,在千篇一律的小程序网页中挑选菜品,加入购物车,支付完毕后迅速关闭页面。

《SecretMenu》DoorDash

《SunsetCoctail》GuillaumeAubry,SterlingHudson

GuillaumeAubry社交媒体平台

GraphicsLabIssue01.感官实验设计

由感官激活的自传体记忆可能是最有力、最有影响力的记忆之一,这种体验被称为“普鲁斯特效应”。比如特定的香水味会让人想起某位挚友,家楼下便利店车仔面的味道会让人记起放学后与友伴玩乐的时光。在许多实验性设计中,平面设计往往能在视觉层面之外同时触发人们的多重感官,引发“普鲁斯特效应”。

在本月的GraphicsLab栏目中,邀请各位与BranD一起探索这些触及感官的实验性设计作品,观察如何从视觉出发,打开设计的更多可能性。本周,让我们先从“味觉”设计开始,观察实验性设计如何用视觉传递味蕾想象。

菜单设计velvele设计工作室

字体的“味道”

菜单设计元素

文字是菜单必不可少的元素之一,大到餐厅名称、菜名,小到菜单的页码、价格,都需要文字呈现信息。因此,字体对于菜单设计而言是至关重要的一环。好的字体设计不仅能够给人们提供更顺畅的阅读体验,从而提升就餐体验感,还能作为餐厅品牌形象的一部分,从视觉上向人们传递关于餐品味道的想象。

菜单设计SofiiaOswald

文字的不同姿态

圆润、尖锐、弯曲、方正

圆润的、尖锐的、弯曲的、方正的文字姿态仿佛让文字和人类一样有了性格。圆润的字体给人一种亲近、可爱的感觉,尖锐的字体则给人一种个性、严肃、谨慎的感觉。Wasserstrom曾总结道:研究表明,圆形字体表示甜味,而棱角分明的字体则更多地与咸味、酸味的食品饮料联系在一起,举两个极端的例子——想象一家冰淇淋店在菜单上选择使用棱角分明的字体,或许会带来“危险的冰淇淋”这样令人混淆的信息。

尖锐字体菜单设计SofiiaOswald

圆润字体菜单设计ManeMalkhassian

弯曲的字体作为线条将菜单的页面划分为圆形、扇形等以曲线边界为主的平面板块,与圆润字体的不同之处在于,弯曲的字体往往更细,与菜单页面的互动感更强;而圆润的字体一般更粗,一般被视为图像块呈现在菜单中。以Tagliatelle字体为例,据CreativeMarket介绍,Tagliatelle与意大利餐厅的适配程度极高,它的灵感来自意大利小酒馆,散发出有趣、友好、俏皮的气息。

弯曲字体菜单设计StudioNinetyOne

弯曲字体(Tagliatelle字体)菜单设计

方正的字体同样具有设计潜力——常见的衬线字体与无衬线字体看起来十分“规矩”,也是我们日常生活中最常见到的字体,因此方正的字体在菜单设计中总是给人简约、经典的感觉。CreativeMarket总结道,衬线字体由于具有可读性和经典美感通常用于书籍和报纸等印刷品中,给人传统、可靠、成熟的印象;无衬线字体通常用于数字设计,往往体现现代、高效、平易近人的气质。

方正字体菜单设计velvele设计工作室

文字的质感

手写、粉刷、木板雕刻

虽然在大多情况下,菜单会采用印刷的制作方法,但在字体选择上,往往也不会局限于印刷体的使用,各式各样保留手写痕迹的字体赋予了菜单独特的质感。在手写字体中,人们可以感受到手工制作的温度与诚意,也提升了人们对餐厅的亲切感。

手写字体菜单设计AnnaKuznetsova

有的菜单设计中,会使用笔刷感强的字体,例如模仿刷子的笔触、粉笔的笔触,这一类字体会带给人一种“专属定制”的感受,一些主打定制菜式的餐厅往往会采用。木版画的雕刻感也常常被使用于手工感字体中,以BlackBeer字体为例,正如designshack所介绍的,这款字体采用了强烈的哥特式字母设计,强调了粗旷坚韧的感觉,与一些精酿吧的氛围十分适配。

木板雕刻感字体(BlackBeer)菜单设计

木版雕刻感字体菜单设计KatellRobcis

笔刷感字体菜单设计KsushiArt

版式“烹饪魔法”

菜单元素排列

组成一份菜单的元素包含了文字、食物图片、插画、色块、线条等等,而菜单的设计并不是元素的简单堆砌,版式设计同样重要。如何将这些元素巧妙地搭配、排列,使它们共同呈现吸引人的视觉效果,是版式设计的“烹饪魔法”。

食物图片的艺术化处理

像做漫画一样做菜单

诱人可口的食物图片自然是触发味蕾想象必不可少的部分,如何处理美食图像自然成为了设计菜单中重要的一环。在多数菜单设计中,对食物图片的处理仅停留在修饰图片本身,以及调整图片的大小。然而,关于食物图片的处理还有许多艺术化的设计空间,《SecretMenu》的设计或许能带来不一样的启发。

虽然只是一本餐饮杂志,但《SecretMenu》在设计上也是十分考究。杂志采用了复古明亮的配色与精致的排版,充满设计感。在食物图片的处理上,《SecretMenu》对餐食图片进行漫画般的处理。在一些图像为主的版面,杂志选择使用拼贴的方式将实物图像抠图放置在颜色艳丽的背景中。而在文字较多的版面,则会绘制卡通版餐品,或将文字围绕图片排放。

《SecretMenu》中的食物图片并不是每一张都十分精致,但其高饱和度的色彩搭配,以及大胆丰富的字体设计,像漫画书一般呈现了一本“味觉盛宴”。这使其中不够精致的食物照片也变得可爱活泼起来。除此之外,漫画般的处理与写实照片的素材,这二者之间奇妙的“冲突感”也形成了微妙的张力,使这本美食杂志不只是让人感到“看饿了”,还拥有令人眼前一亮的魅力。

打破传统菜单版式网络

几何图形与品牌形象

在常规的版式设计中,通常以方格为基础摆放各种元素,菜单设计中也不例外。但在一些实验性的菜单设计中我们可以发现,巧妙运用几何图形作为框架排版,能够带来一些意想不到的视觉效果。

LaOficinadeParque餐饮视觉设计

IngridPicanyol设计工作室

cheeerSTUDIO设计工作室为赤青餐厅设计的餐饮视觉便是很好的例子。在这份充满设计感的菜单中,将“赤”与“青”两个汉字做了下宽上窄的处理,形成三角形。并且将三角形延伸到几乎所有页面的设计中,以三角形为框线排版文字和图片。据cheeerSTUDIO介绍,这一设计灵感源于餐厅内象征性的三角形天窗。

赤青餐厅餐饮视觉设计cheeerSTUDIO

赤青餐厅室内三角装潢SODA建筑师事务所

视觉语言融合“调味”

菜单概念创新

除了构成菜单的基础元素、版式之外,倘若可以在菜单的整体概念上注入更多维度视觉语言的想象,往往能够为菜单设计打开新的可能性。当菜单设计不再仅是“自下而上”地仅从呈现食物出发制作,而是“自上而下”地由一个特定的,哪怕是与食物无关的意象展开创作,这时往往能留给设计在美学层面更大的发挥空间。

JBEBOOKS出版社网站

《SunsetCoctail》是一本实验性的鸡尾酒酒单,这本酒单根据GuillaumeAubry对“日落”艺术性、神秘性和日常性的研究附上有关“日落”的诗句,配合由调酒师SterlingHudson围绕这些主题设计的12款鸡尾酒,邀请人们将沉思转化为一种味觉感官体验,在太阳落山一天结束之际,共举一杯“日落之饮”。

与其说是一本菜单或酒单,《SunsetCoctail》更像是一本艺术书,与读者共同探讨关于日落的渐变现象学,开启美学与诗歌之旅。在渐变的、多彩的图像中,结合简短的诗句,《SunsetCoctail》为读者构建关于鸡尾酒的味觉想象。《SunsetCoctail》成功地调动了各种视觉语言,从图像的渲染,到对于文字的诗意感受,最终回到舌尖的酸甜苦辣,多重想象交融,让设计触及人们的多重感官。

编辑|木耶子

图片及资讯|(上下滑动文字查看详情)

源自设计师社交媒体设计师个人网站

及网络共享资源(详见图片注释):Ins:IngridPicanyol设计工作室@ingridpicanyolstudioGuillaumeAubry@aubry.guillaume网站:①JBEBooks出版社网站:www.jbe-books.com②IngridPicanyol设计工作室网站:ingridpicanyol.com③cheeerSTUDIO工作室网站:www.cheeerstudio.com④Doordash网站:get.doordash.com⑤MikeTeevee设计工作室网站:miketeevee.com⑥Yukiko设计工作室网站:y-u-k-i-k-o.com⑦CreativeMarket网站creativemarket.com⑧designshack网站:designshack.net媒体报道:①设计风向《SODAArchitects|三里屯AKATOAO赤青餐厅》(2019.8.6)②It’sNiceThat《Trynottodrool:StudioYukiko’snewmagazineforDoorDashisyummytothecore》LizGorny(2022.10.5)③Wasserstrom《HowtoChoosetheBestFonts-forYourRestaurantMenu》(2023.3.27)④CreativeMarket《21BestFontsForMenuBoards》(2024.1.24)⑤DesignShack《25+BestFontsforMenus(Restaurants,Cafes+Bars)》RoshanPerera(2023.9.15)

THE END
1.大学生期末大作业html+css以美食为主题的网页设计内容本实例以云南美食为主题设计,div+css布局,实现图片轮翻效果、视频、会员登录注册等功能,供大家参考。本网页支持如Dreamweaver、HBuilder、Text 、Vscode等任意html编辑软件进行编辑修改;支持包括IE、Firefox、Chrome、Safari主流浏览器浏览。 二、网页文件 三、网页效果 https://blog.csdn.net/VX_L_5201314168/article/details/142840942
2.美食首页设计美食首页模板美食首页图片第19页觅知网为您找到1622个原创美食首页设计图片,包括美食首页图片,美食首页素材,美食首页海报,美食首页背景,美食首页模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等格式素材,更多关于美食首页素材、图片、海报、背景、插画、配图、矢量、UI、PS、免抠,模板、艺术字、https://www.51miz.com/so-sucai/3891640/p_19/
3.美食网页设计专题模板美食网页设计图片素材下载我图网美食网页设计专题为您整理了249644个原创高质量美食网页设计图片素材供您在线下载,PSD/JPG/PNG格式美食网页设计模板下载、高清美食网页设计图片大全等,下载图片素材就上我图网。https://so.ooopic.com/sousuo/9781249/
4.美食页面图片免费下载美食页面素材美食页面模板千图网为您找到14870张美食页面相关素材,千图网还提供美食页面图片,美食页面素材, 美食页面模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://www.58pic.com/tupian/meishiyemian.html
5.美食网页页面图片美食网页页面素材美食网页页面模板免费下载六图网为您提供10185张美食网页页面设计作品免费下载服务,您还可以找到美食网页页面图片、美食网页页面素材、美食网页页面模板等设计素材,我们为您提供美食网页页面图片下载,美食网页页面模板下载、美食网页页面素材下载等服务!https://m.16pic.com/sucai/2414187.html?from=singlemessage
6.50个以美食餐饮为主题的欧美网站设计设计达人人们对生活质量要求越来越高,饮食是其中主要一个方面,人们寻找美食不仅是在街道上查找,更多的是通过网络去Search,所以对于一家做餐饮、美食的店铺,拥有一个“美味”的网站是有必要的。 美食网站对图片的质量较为重视,为了吸引用户眼球,并从某些程度上能上用户产生食欲,一些商家会请专业的摄影师来拍摄美食图片,以达到https://www.shejidaren.com/mei-shi-wang-zhan-2.html
7.美食食品页面素材网站图片免费下载美食网页双11集合:火锅豆捞丸子网页BANNER/美食双十一页面/美味食品/简约简洁风格 26 倾享视觉 开源免费的 BI 工具。仅需 5 分钟,数据变大屏。众多精美可视化大屏模板等你来选。广告 2016年个人美食作品集合:网页BANNER海报/美食页面设计/平面海报/包装设计/美味食品/简约简 https://www.zcool.com.cn/tag/ZNTU1NTI=.html
8.网页设计中的美食诱惑这些关于美食的来自优秀网页设计【 网页设计中的美食诱惑】这些关于美食的网页设计看起来让人很有食欲,暗色系加上高亮度的字体,让食材变得更加富有质感。#设计秀# https://weibo.com/1773655610/EF7zJAg47?type=repost
9.舌尖上的美食美食海报素材舌尖上的美食美食海报图片元素觅元素是设计素材的免费下载网站,提供舌尖上的美食美食海报素材,舌尖上的美食美食海报图片,舌尖上的美食美食海报免抠素材设计元素,舌尖上的美食美食海报png图片透明背景等素材免费下载。https://www.51yuansu.com/tupian/shejianshangdemeishimeishihaibao.html