解锁新姿势!我有50个方法教你做出好看的美食排版设计优设网

类比于文字云的话,这种表现形式倒是可以总结为“食材云”,每一道美食都有它的专属食材,新鲜的食材经过不同的烹制成为新的大餐。用食材拼贴成美食的样子,就像一块透明的机械表,看到内里的美与香。

byCheungyoonKim

将新鲜的蔬菜、水果跟主题文字同样作为设计的素材,在画布上交错排布、水溶交融,双重强调,提升设计感的同时表达意味,甚至美味。

ByAlainaSullivan

在平面排版的时候,选用一个主题色或者强调色作为题眼,贯穿全文,正如这组图所示,明亮的黄色点缀在内文的每一页上,能够让人的阅读视线一以贯之,并在复杂的文本中,第一眼get到重点信息。

ByPearlfisher

来自大自然的美食,色彩斑斓,这让它们不会拘泥于沉闷,天然的焕发活力,无论是食品包装上,还是美食摄影上,害怕使用高饱和的颜色都不是必须的,只要跟实物本身产生联系、形成互动,尽管大胆配色吧,醒目、抓眼睛,一秒吸引到你的读者、客户、食客才是最重要的。

有些时候,同一个产品往往有多个口味,在设计包装的时候往往需要既有统一,又有区别,这就需要灵活处理,在品牌logo和食材元素的表现上做些微调、适配,让产品在摆放陈列的时候,能够让吃货们一眼看出这一群都是它家产品,而且每一个都是不同的口味,相同的好吃。

ByG’nosh

排版无处不在,但有些时候也可以反其道而行之,不追求明确的设计原则,不完全对其网格,不对齐,不统一,不重复,而是用一种趋近食物自然的状态来设计,再搭配手绘文字、图像等,传达一种休闲自在随性的趣味,

byLauraPalese

LauraPalese在设计这个封面的时候,就很好的利用了负空间来链接书的标题和主题,图文的对称分布让效果能够引人入目。

ByAlbertoConti

景深是经典的摄影原则,利用模糊与锐化的对比,吸引吃货的焦点所在。下图所示的网站就通过模仿景深,来突出了产品的照片和描述。

ByPromptDesign

人有脸,树有皮,正所谓表里如一,食物的表皮往往就是它们最大的代言人,裁剪出来放大突出它们的纹理才作为设计元素,将产品的天然纹理和色彩标签进行整体设计,是个非常不错的方法。

ByMichaelMcNeive

除了把纹理放大做背景外,正如该案例所示,还可以对纹理进行平铺等方法的处理,在淡雅的背景上,甘蓝的菜叶散步其上,也能脱颖而出,传达重点。

ByInputCreativeStudioandCorseDesignFactory

将所有的食材、文案、图片都作为素材,并为此设计专门的场景,将它们逐一安排进去,如图中所示,再配以可爱的手绘,既个性,又能准确传达信息。

byRobinKurtz

由RobinKurtz设计的这个包装作品,就是摄影和插图的完美结合,素描加水彩的小创意补充了摄影作品的含义,让每一款产品都显得很有意思,处女果成了小火箭,而其他则是热气球、高尔夫球,非常好玩。

byBrianStruble

利用食物的大小和在画面中的位置,是非常明显的重点突出的方法,比如这个案例中一眼就看出来中间这个巨无霸才是主角。

ByBrandSociety

食色,性也。食欲作为人类本能之一,它潜在的赋予了每种食物或这样或那样的天然情绪,而利用这种本能,通过设计表达食物的情绪,勾起吃货的食欲是非常巧妙的技巧。So,你的口水在哪里?

byMatthewLenning

正如下图案例作品所示,被叉子高举的牛排炸薯条就是重点,非常清晰准确地让吃货们看到,适用于主打餐品。

ByJonContino

突出焦点的做法有很多,比如这个作品就利用边框把焦点框了起来。而文字和修饰小元素的配色也都直接取自食材本身,让整个画面色彩都非常的和谐,围绕在焦点之中的美食四周。

byJillDeHaan

用文字包装美食食材之外,完全可以让两者位置互换,让蔬菜、水平等美食把文案围起来,以达到突出标题的目的。

ByAnnaKevilleJoyce

小伙伴们应该还记得《舌尖上的中国1》的宣传海报,一座由五花肉做成山峦。这就是此方法的核心,让美食成为你手中的画笔,成为你艺术表达的素材,如案例作品所示,设计师用最普通的食材完成了衣服意境悠远的画作。

byRosaEngraciaPea

这个方法简单说是第一种方法和上一种方法的结合,也是把美食作为了画笔,但是绘画方法却是第一种的拼贴画,如图中所示,其实它也像编织作品,织毛衣啊把美人织进去,有那么一些古典的意思。

ByStefanPoulos

通过对事物位置的连续摆放,暗示出一条运动轨迹,会让人感觉它们在运动的,设计方法虽简单但效果很明显。

BySharpe+AssociateInc.

这个方法的精髓就是模拟或是摄影步骤到食物真实感运动中的一个瞬间,常用在牛奶等各种饮品的设计上,爆破、喷薄而出的瞬间被记录下来,很有视觉冲击力。

ByKimberlyLow

好吧,原文直译过来管这个叫“支持你的留言”,但是从画面感来说,阿随君自由发挥成了“对比&黑板报大法”,它就是非常简单粗暴的让两种比较的事物分列画面两侧,然后中间用黑板报的文案方法呈现主题,画面意思传达很准确,健康的水果蔬菜VS速食快餐,作为学校午餐的宣传小海报,还是很好用的。

ByTanyaZouev

在同一画面中,将食物不同阶段的画面排队排对比展现,比如食材本身和做好的食物,如图中所示,通过它们不同的纹理和颜色的视觉化对比,有一种解剖学的美感,也能了解到这款美食是“从哪来”,吃得喝得更安心。

BySharpe+Associates

一个产品、多款口味等,让他们的完整图像并排放置,加上同样的图文排版,让联系更为直观,视觉统一性好,吃了这款吃那款。

byAngelaSouthern

嗯,原文管这个方法叫“GofortheUnexpected”,阿随君还是意译了,它在设计时采用的是“联想”,比如案例中是想介绍美国缅因州的吃早餐的地方,然后设计师就用煎蛋来发散了联想,用蛋“拟物”成缅因州的地图轮廓,形象而生动。

ByGuillermoCarvajal

同依然是联想大法的延伸,但是与上一个方法相反,这里不是用“拟物”联想,而是“归真”联想,为了表达不同口味的果冻,设计师直接在包装上花了特别的心思,比如葡萄口味的,包装就是葡萄样子,苹果口味的包装就是苹果的样子,让人能一眼识别。

ByWilloughbyDesign

信息图大行其道的当下,美食设计当然少不了,食物化作背景,选择合适的字体和排版方法,将文案铺陈在画面中,图文结合达到传播效果。

ByDaveBrady

在阐述一款美食产品的组成时,可以如案例所示,用同一种色系把食材、材料,包括文案展开在画面中,视觉会非常舒服,食材的颜色和拼贴的形状直观地传达了案例中酱油的主要成分。

BySeanFarrell

数字“3”,一直是人类非常感兴趣,而且极具有吸引力的数字,比如三部曲、三分法、事不过三、倒数三下等等。所以在美食排版的时候,诸如三分法啊都是很常用的,正如案例所示,在网站页面的大背景和基础排版上,用三个美食图像来创建了很好的一个焦点,吸引访客。

ByAcre

这个方法也很有意思,同样是解构“美食”的食材,比如案例中把意大利面“解构”,食材如同处女作一般排列整齐地平铺在画面上方,清晰的表达了是它们成就了下面那碗好吃的意大利面。

ByMarkUnger

万变不离其宗,往俗了说,排版就是摆放嘛,透视、远景……摆得像一张大桌子一样,从不同的角度来做图文排版,让作品更生动有趣形象。

ByBeccaClason

再次说明,阿随君这里又任性了,放弃了原标题,哈哈哈哈。说的不过就是美食不仅可以是画笔,也可以是钢笔,直接用“美食”写字,拼贴成标题,并用其他食材辅助做修饰元素,让美食特性更加闪耀。

ByMartinAzambuja

这个方法也是摄影和插画的组合,但是不同的是,插画只是作为互补元素,与美食照片互动,共同完成设计,而不是简单地作为摄影作品的补充,再加以合适的配色,画面充满乐趣和新鲜感。

ByVikas

简单的线条形状,以接近icon的形态,配合美食照片,来表达意思,简单明了。

ByAndreaCensi

与联想大法类似,用食物的材质去模拟想要表达物体,创作出可阐述的文本涵义,正如案例作品中传达出的理念一样,草莓、灯泡所具有的能指和所指产生了化学反应,视觉感强烈。

ByGrantBurke

顾名思义,把美食、文案、logo等元素放在设计好的网格里,整齐的网格布局和活泼的配色,共同实现了这个作品。

ByDualPixel

有时候美食图片会比较繁复,让人看上去眼花缭乱,很难在其上面添加更多的信息,这种情况下,可以通过添加一个半透明度的纯色图层,来聚焦,降低背景的干扰,再来添加我们需要的文本和元素即可,正如案例所示。

ByLaurenPagan

还是添加带有一定程度不透明度的纯色层,这样既可以保留原有画面的信息,又可以清晰地在上面添加文案等内容,而除了卡片网格式的,在一些首页或者Banner上同样可以采用这个简单的方法来处理。

ByVanillashakeMedia

在食品包装设计上,比如案例中所示,把干果、水果等拼成图案,构成一个都特色的新形状来吸引目光,而不仅仅是展示食物的组成。

ByJaredBell

谷歌的materialdesign设计风格,着重强调模块化布局和鲜艳的颜色主题。设计师JaredBell在为一家餐厅设计网页时,便借鉴了该种风格,来展示公司的餐品和美食。

ByAnthonyK

就像文学写作或者电影叙事,用“动作”、用“影像”去展示、去表现,而不是靠“台词对白”或“文字”来强硬解释、反复诉说,正如案例中这种典型的菜单,每道菜都与完整的图像表示,所有的信息一清二楚,一看就知。

ByVincentXu

这个就很简单了,小伙伴们几乎都知道了,颜色太多了,额。。。你懂的。而且本来有些食物就已经很多颜色,所以像案例中的处理方法就比较讨巧,强差一个白色图层,隔开食物和背景色。颜色,不在多,而在对。

ByLindsayItani

为了突出要表达的主题,有时候可以采用这种排版方法,让食物成为参考线,引导视觉,通过摆放位置和倾斜角度,来指向共同对的焦点,提高信息传播的到达率。

ByBigFan

在这组案例中,设计师采用了叙事结合的方法,有实物也有手绘,画面给人很友好亲近的感觉,很动人。

ByJeremyCheramy

每一年潘通都会发布当季流行色,这也是美食设计中很好用的元素,图中案例就是结合使用流行色的典型方法,为了突出商品,流行色在这里成了背景墙,包装素雅,点缀其间正好。

BySnask

所有的设计原则,追求的美和效率,而不是为了固步自封,给设计师套上纸枷锁。所以有时候也不必拘泥,根据美食产品特性,可以做一些冒险的尝试,让它在货架上、餐桌上鹤立鸡群,未尝不是好事。

byYumTang

在美食界,可爱、卖萌风也是受欢迎的,食物被缩小到成了画面元素之一,聚焦于自身,反倒也更吸引人,一个苹果,两根胡萝卜,一个西蓝花,简简单单,返璞归真。

ByAndreiHancu

每一道美食都包罗万象,都有一些标志性的内容,我们可以在画面中提炼这些信息,反复出现,加强印象。如图案例中,就反复出现了鱼的不同部位或形态,鱼身、鱼头、鱼子、鱼肉、手绘鱼等,特别鲜明地标明了这家店是以鱼为主题的。

ByNataliaLachiewicz

美食最终面向的是吃货们,增强食品设计中的人情味总是不会错的,用表情符号、经典手势都是表达人情味的百试不爽的方法,比如案例中的手势,非常直给。

好了,这就是本文要介绍的美食设计的五十个“秘籍”,相信在实际作业中,方法不仅于此,但还是那句话万变不离其宗,总有一款适合你。希望坚持看到这里的小伙伴,没有看“饿”,么么哒。

阿随向前冲:简书签约作者,非著名影像设计折腾玩家,曾任《看电影》编辑,《香港电影史记》联合作者,《玫瑰与小鹿》MV曾入选《晓松奇谈》之《黄金大劫案》播出!

THE END
1.做饭菜谱大全做饭菜谱食谱大全凉拌黄豆芽 好吃到不行呀 41925人做过 普通蛋炒饭 一个人的简单美食 38116人做过 凉拌土豆丝 好吃到让你心醉呢 39592人做过 精彩推荐 凉拌黄豆芽 好吃到不行呀 41925人做过 普通蛋炒饭 一个人的简单美食 38116人做过 凉拌土豆丝 好吃到让你心醉呢 39592人做过 土豆丝 心动的感觉 20672人做过https://m.zuofan.cn/
2.中国小吃图片中国地方特色小吃图片中华美食特色小吃大全图片中国地方特色小吃图片大全|小编为您推荐中华美食特色小吃图片、中国地方小吃高清图片、中国地方特色小吃图片等中国小吃图片供您欣赏。https://www.maigoo.com/tuku/514797.html
3.精选菜谱大全美食主题站文章,推介各地美食攻略,分享健康饮食小常识和美食烹饪技巧,记录美食达人做菜的的经验和心情,让美食吃的健康,吃的明白。https://www.vcfqmjz.com/
4.烧烤的做法大全烧烤的家常做法怎么做好吃图解做法与图片烧烤的做法大全美食家们上传的烧烤的做法,这些烧烤的菜谱含有详细的图文步骤,可以帮您一步一步做出烧烤。 烧烤的做法大全香辣烧烤豆腐串 干豆腐、香菜、韩式辣酱、玉米油、孜然粉、辣椒粉。 6680人收藏椒盐土豆 土豆、蒜苔、椒盐、白糖、孜然、辣椒粉。 4862人收藏https://mip.meishichina.com/mofang/shaokao/
5.美食网美食网为您提供、分享天下美食,包括各类特色美食、菜谱、食谱、美食攻略、美食做法、美食视频、美食图片等,欢迎喜欢美食的爱好者们关注!https://www.jy135.com/meishi/
6.美食杰美食菜谱大全食谱美食网美食杰 – 陪你走过了十一年的美食菜谱网站,收天下美食菜谱,提供丰富的菜谱家常菜做法大全,全国各地菜谱大全,精美的美食图片,生动的美食视频让你最快的学会各类家常菜谱。还有丰富的养生食谱供你选择,美食杰值得你收藏的美食网站http://m.meishi.cc/
7.家常菜谱,菜谱大全,美食,汇集天下美食菜谱与做法【美食菜谱】100道素菜的做法。 清爽凉菜_凉菜菜谱_凉菜的做法_第2页 清爽凉菜_凉菜菜谱_凉菜的做法_第2页清爽凉菜大全,家常凉菜的做法 共406道菜谱,当前在第2页。 50种肯德基美食做法 50种肯德基美食做法。昵称40558140 关注 对话 喜欢该文的人也喜欢 更多 热门阅读 换一换 http://www.360doc.com/content/17/0223/06/40558140_631291721.shtml
8.美食网美食天下菜谱大全,家常菜谱做法,美食图片和视频教程,为您带来丰富多样的美食做法大全。http://www.mhkly.com/
9.西餐做法大全轻松掌握西餐美食意面做法详细图片教学西餐做法大全轻松掌握 西餐美食意面做法详细图片教学 西餐的多样性与现代餐饮文化的融合 西餐是全球烹饪艺术中最具影响力的一个流派,其精致的制作工艺和丰富的味道使其成为世界各地人们餐桌上的常见选择。西餐的基本特点以多样化、精致化和独特的味道搭配为主,采用新鲜、天然的食材,注重色香味的平衡。每一种西餐菜系都有http://coffee.cn/xican/post/129569.html
10.家常菜做法大全有图简单好吃家常菜的做法菜谱大全带图片聚餐网最受欢迎的美食做法咨询网站,专业的养生食谱网教你如何做出简单好吃的家常菜及地方特色小吃,美食视频对所有家常菜谱进行DIY视频讲解。http://www.jucanw.com/
11.创意美食的做法大全创意美食的家常做法怎么做好吃【下厨房】的创意美食栏目为您提供最受欢迎的创意美食的做法大全,创意美食的家常做法和创意美食怎么做好吃的做法窍门分享,更多好吃简单的创意美食的菜谱大全就来下厨房https://www.xiachufang.com/category/1037324/
12.苗乡美食│彭水饭食的五种做法刚刚蒸熟出锅的鲊菜饭,浓浓的肉香中透出蔬菜特有的香味,饭菜混合,色泽光亮、鲜艳饱满、水分充足,饭菜一体,吃起来味道鲜美、回味悠长。既绿色健康又美味可口,让人禁不住流口水。荤素搭配合理,营养丰富,是苗家儿女最爱的美食之一,可饭可菜,更代表着彭水苗乡的味道。 https://wap.cqcb.com/shangyou_news/NewsDetail?classId=914&newsId=3643000
13.馐美网馐美网 是中国专业的美食门户网,提供美食新闻资讯,分享天下美食,包括各类特色美食、菜谱、食谱、美食攻略、美食做法、美食视频、美食图片等,欢迎喜欢美食的爱好者们关注!http://www.019992.com/
14.美国式的中国菜……杂碎(ChopSuey)图片拍摄:Frankie Mei(老牛) 文字编辑:Frankie Mei(老牛) 美食制作:Frankie Mei(老牛) 杂碎(Chop Suey)是盛行于北美地区的的美国式的中国菜,至今已有一百多年的历史。 “ 炒杂碎”作为在美国最出名的美式中国菜,其起源有多种说法。一种说法是由在美国为修铁路的工人作菜的华工厨子发明,另外一种说法是起源于淘金https://www.meipian.cn/2je689ji
15.凉菜做法大全凉菜凉菜菜谱大全带图片香哈菜谱为您提供各种凉菜做法大全,包括凉菜的做法图文并茂讲解,更有上百道凉菜菜谱大全带图片的做法步骤展示,学做菜、秀美食就上香哈网。https://www.xiangha.com/caipu/z-liangcai/
16.一个电饭煲搞掂12道佳肴,拯救你的胃!材料:山药、蓝莓酱、蓝莓、牛奶 做法: 材料:山药、蓝莓酱、蓝莓、牛奶 山药洗净,切段;放入电饭锅内蒸熟 稍稍冷却后,加入牛奶,打成牛奶山药泥 将山药泥弄成球,加入蓝莓酱和蓝莓即可 这么多款快手好菜 你学会了吗? 如有任何心水美食或者补充 欢迎在下方留言!https://static.nfapp.southcn.com/content/201610/29/c162578.html
17.美食上阳江阳江不禁有美丽的旅游景点,还拥有美味的美食。今天我们介绍下几点美食吧。 1.猪肠碌 猪肠碌这种俱有阳江特色的美食,代表着阳江人会饮会吃会叹!这一美食做法最正宗最经典是在市区(江城区)其它地方的猪肠碌就没那么地道了,这阳江一游一定要试一下。 图片发自简书App https://www.jianshu.com/p/634e755ac7bb
18.大众美食网家常菜做法,菜谱大全,一个专门学做饭的网站大众美食网,一个专门教人做饭的网站,十大简单好吃的家常菜做法,各种丰富的特色美食图片,家常菜谱大全,全国各地美食食谱分享,想学习美食做法,初学做饭首选,一个不错的美食教程,专门学做饭的网站http://www.dzmeishi.com/