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

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

《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.美食/餐厅/外卖点餐类APP界面设计合集为了便于设计师更好地查找美食/餐厅/外卖/点餐APP设计案例,小编特地将设计小咖现有已经发布的一些关于“吃”的APP界面设计UI套件。希望对有这一块需求的小伙伴有帮助,enjoy!https://www.iamxk.com/collection/601416/
2.美食app界面图片美食app界面设计素材红动中国素材网提供39个美食app界面图片、美食app界面素材、美食app界面背景、美食app界面模板、美食app界面海报等PS素材下载,包含PSD、AI、PNG、JPG、CDR等格式源文件素材,更多精品美食app界面设计素材下载,就来红动中国,最后更新于2024-01-10 05:07:48。https://so.redocn.com/meishi/c3c0cab3617070bde7c3e6.htm
3.美食菜谱app手机界面图片免费下载美食菜谱app手机界面素材千图网为您找到163张美食菜谱app手机界面相关素材,千图网还提供美食菜谱app手机界面图片,美食菜谱app手机界面素材, 美食菜谱app手机界面模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://www.58pic.com/tupian/meishicaipuappshoujijiemian.html
4.美食APP界面设计技巧以及美食APP的UI设计案例分享—艾艺二、美食APP界面设计案例欣赏 餐饮美食类app为用户提供便捷服务极致体验,为餐厅提供一体化运营解决方案,未来起到了推进整个餐饮行业的数字化发展进程。如果您有餐饮美食类APP开发和UI界面设计需求,欢迎您咨询上海艾艺APP开发设计公司-客服:17702199087(同微信),艾艺专注APP开发设计14年,可提供一站式的app开发设计服务,无https://www.adinnet.cn/bloginfo/2020_02/blog_4304.html
5.8个旅游类app界面设计赏析,可免费下载1、旅行景点介绍类 APP 界面设计 旅行景点介绍类 APP 设计要有清晰的信息架构,确保 App 的导航结构直观易懂,使用户能够快速找到他们感兴趣的景点信息。下图案例中提供每个景点的详细信息,包括历史背景、文化意义、地点、美食推荐等。 点击图片一键获取此模版 https://js.design/special/article/travel-app-design-case.html
6.美食app界面导航设计美食app界面导航设计 ui模板,APP模板,APP界面,APP界面设计,ui界面,UI界面设计,UI设计,界面设计 APP设计共享与免费下载网站-素材公社(www.tooopen.com)https://www.tooopen.com/view/2229679.html
7.UI餐饮类App界面设计~【UI】餐饮类App界面设计~ 2021.5.20优秀ui设计分享 美食餐饮类APP界面设计 打开眼界是提高审美第一步 -from dribbblehttps://www.jianshu.com/p/7927a3aec6a7
8.新鲜活力!13组美食APP界面设计优优教程网UI界面优化实例!16条设计黄金原则帮你学会改版 本文的 UI 界面通过 16 次改版优化一点点变好,这 16 次优化也是在做 UI 时所需要遵循的设计原则,记得收藏并用到自己的项目里,用上才算真正学到。 UI设计设计原则阅读5.7w 查看详情 简介 评论 这https://uiiiuiii.com/inspiration/1616612122.html
9.食品配送应用UI界面设计(Hungry–FoodDeliveryApp)干净简约的 UI 设计 良好的用户体验和免费的 Google 字体 无花果和 XD FigmaUI KITSxd物流 Logistics美食佳饮 Food & Drink 分享收藏点赞(0) 上一篇 在线教育在线学习作业帮猿辅导51talk学习APP界面设计 (Supe Academy) 下一篇 美团外卖饿了么闪送美食外卖餐厅餐饮订单APP界面设计 (Easy Eat) https://www.uishe.cn/143286.html
10.美食餐饮外卖APP界面UI设计XD源文件设计素材下载美食餐饮外卖APP界面UI设计XD源文件UI设计设计素材图片素材下载,适用于免抠图PNG,设计规范,配色理论,iOS 12,UI设计,易于编辑和自定义http://www.xunpic.com/sucai-34238.html
11.25个美食食品配方app界面UI设计素材下载?25个美食食品配方app界面UI设计素材下载 素材下载方式: 扫描下面二维码,不只是下载这个素材,全部素材任意下载。 UI设计素材 不仅仅是ui素材。ui素材,sketch素材,ui设计教程素材。。。 +关注 推荐阅读 换一换 查看更多转发2 评论 4 快速开通微博你可以查看更多内容,还可以评论、https://weibo.com/ttarticle/p/show?id=2309404428466798854392
12.50个设计简约的移动APPUI设计作品设计达人Sound Recorder App 来源 简约聊天应用 来源 咖啡菜单 来源 Onboarding by Jason Groenewald 来源 Swypr 来源 Todo app 来源 App WIP 来源 App WIP – UI/UX Design 来源 Parking Pro 来源 美食类应用界面设计 来源 App Walkthrough 来源 Flock Sidebar https://www.shejidaren.com/50-simple-app-ui-designs.html?wd&eqid=b04a95880013a78100000005648eb88a
13.APP界面设计医疗B端C化-0到1项目APP界面设计 原创 17548 7 318 KAYSAR007 /GDD 智疗APP界面设计 原创 33271 42 531 豆腐腿 /设计大法 零钱罐理财APP界面设计V1.0 Design 原创 6236 37 133 哎伊呀 原创美食,美食APP界面设计 原创 41859 91 640 不会睡觉的鱼 音约台音乐app界面设计 原创 14083 45 https://www.ui.cn/tag/APP%E7%95%8C%E9%9D%A2%E8%AE%BE%E8%AE%A1?ishome=0
14.历史文化元素手机app界面参考创意设计作品图片素材美食文化类APP UI-APP界面 2658 3 26 聚焦视觉线 8年前 乐己-古风音乐APP包装 UI-交互/UE 4152 0 31 梦想是闪电的树懒 6年前 传统文化app UI-APP界面 娃哈哈在这里 7年前 《本生 》-中国传统文化移动端新闻APP UI-APP界面 5951 9 60 本生设计 https://www.zcool.com.cn/collection/ZMjg1MTMxOTI=
15.导航APP黄色跑车手机应用UI界面设计PSD22图片下载优图网专业分享优质素材下载,本设计作品为导航APP 黄色跑车 手机应用 UI界面设计PSD22,立即下载获取源文件,模板可编辑修改,素材皆可替换,下载导航APP 黄色跑车 手机应用 UI界面设计PSD22就上优图网http://www.uppsd.com/item-46561.html
16.app设计素材app设计图片app设计素材图片下载熊猫办公为您找到396个app设计素材图片,包括app设计图片,app设计素材,app设计背景,app设计模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等多种格式的素材,更多关于app设计素材、图片、背景、矢量、UI、PS、免抠,艺术字、插画、配图等设计素材模板https://www.tukuppt.com/speciall/appsheji.html
17.多功能美食菜谱APP方案设计毕业设计论文.pdf摘要 本设计主要针对Android移动平台多功能美食彩票系统进行分 析和设计。设计一款基于Android的一款多功能菜谱软件,客户通过 手机能够获取美食菜谱、食材信息、健康资讯、在线社区以及线上、 线下互动服务。本次APP设计以内容为主,简要介绍了系统的功能, 根据需求对整个系统进行总体设计,然后做出手机界面,最后进行系 统开https://max.book118.com/html/2021/0107/8062106036003035.shtm
18.非常有创意的点餐订餐app界面设计模板一套非常有创意的点餐订餐app界面设计模板,总共有70多个页面。包含有:引导页、注册页、登录页、首页、地图展示、订餐计划、搜索、餐厅、美食详情、购物车、结账、配https://www.25xt.com/sucai/61576.html
19.点餐界面点餐界面设计图片包图网精选海量点餐界面图片供您下载使用,免费高清点餐界面图片素材,内容涵盖点餐界面广告设计、插画UI、摄影配图、商务办公等各类应用场景,轻松编辑即可完成设计需求,包图网让设计更简单。https://ibaotu.com/tupian/diancanjiemian.html
20.手机APP引导页图片手机APP引导页素材觅元素为您精心挑选了44张内容丰富手机APP引导页高清图片素材,帮助您进行手机APP引导页作品创意设计,下载更多手机APP引导页风格的图片、免抠png图片素材、背景图片素材就来觅元素。https://www.51yuansu.com/topic/shoujiAPPyindaoye-1.html