如何设计好一张食品海报?

 

某一餐饮品牌想搞一个小吃节，目的是通过一些促销活动带动店面流量、提高营业额，

 

需求信息：  

主题：首届陕西小吃节  

 

活动政策：

一、1元抢10元礼包

二、9.9元吃大酱骨  

 

核心产品：

大酱骨、羊肉串、肉夹馍、羊杂汤、菠菜饼、贡梨汤等。

现需要根据以上信息设计海报等宣传物料。

 

客户的要求很简单：

1.简约大气

2.突出标题及促销政策

根据客户的意思，我们很容易得到方案一：

 

 

在视觉上用两个不同颜色的爆炸框着重突出促销信息，让消费者看一眼就能感受到有两大福利，并给福利二配上一张比较大的食物图片，增加指向性和视觉冲击。

标题做了简单的设计，弱化“首届”，突出“陕西小吃节”，其他的食物图片和二维码则缩小放在版面下方。 

 

上图这种海报似乎也满足了设计中所需要具备的很多原则，比如对比，该海报中有大小对比、字体对比、图文对比、色彩对比、点线面对比等；再比如平衡，该海报的构图也是平衡的；信息清晰易读，在排版上有清晰简单的视觉流程，信息层级也很分明，阅读起来很轻松；然后整体也算干净简约，甚至还有些不错的细节处理。

然而我们依旧可以感受到这并不是一张好的海报， 

 

问题分析： 

1.缺乏美食海报该有的食欲；

原因是产品图片太小了，其实产品图片拍得还可以。 

 

2.主次不够分明；

原本想把两个促销信息组合在一起作为视觉核心，但这种效果并没有形成，因为文字比较多，字号也不够大，所以与标题以及下方的食品图片没有拉开层级关系。

 

 

 

   

 

3.没有小吃节的氛围；

也是因为产品图片太小，而且图片的排版太过规矩、安静。   

 

4.不够美观、大气；

海报中面积占比较多的元素都是文字，且所有文字在字体设计和排版方面都没有下什么功夫，形式太过简单、常规；另外，在色彩搭配方面也过于单调、缺少对比，所以缺乏美感。   

 

5.缺少设计感和细节。

比如标题虽然有些小设计，但还是有点僵硬，缺少变化；促销文字的字号虽然比较大，但不够有视觉冲击力，且各元素之间缺乏关联。 

 

改善问题：

01、想要加强画面的食欲，最直接有效的做法是放大产品图片，由于活动中主推的是大酱骨，所以我们可以将它进行突出。拉到多大呢？差不多要接近海报的宽度，让它成为版面的绝对核心，美味可口的大酱骨呼之欲出，食欲满满，同时主次关系也拉开了。

 

 

 

 

 

02、主菜已经突出，其他的菜品缩小处理就好了，为了画面聚焦、构图灵活，我把这些菜品围绕着大酱骨进行摆放，形成一个弧形，并稍作清晰处理，这样菜品看起来比较丰富，视觉上也有动感，所以小吃节的氛围也加强了。

 

 

03、重新设计了标题，标题的设计葱爷尝试了三种方向： 

如果时间比较紧，那么也有简单处理的方法，比如把字体稍作拉长，然后增加一点厚度，再增加一个辅助图形，使其更有视觉冲击力和形式感，这里我用了陕西代表性建筑的屋顶图形，这种处理方式可以创造一个视觉符号，也有利益其他物料的延展。

 

 

如果时间比较充足，那么我们可以花相对多一点的时间来设计字体，比如手写字体也是餐饮品牌经常用的字体，前面设计的古建筑屋顶可以继续沿用。不过葱爷并不擅长手写字，所以我还尝试了第三种做法。

 

 

我结合了宋体与黑体字的特性，并把部分笔画进行夸张处理来设计标题，再搭配上标题的拼音进行错位排版，使其既具有一定的复古气息又有现代感，视觉上既正式又比较活泼。

 

 

 

04、把两个促销信息用橙色的对比色：绿色色块进行突出，并且排成弧形环绕在大酱骨图片的上沿，每组文字都分作两行排版，并通过色块和光影做出前后关系，文字则用了浅黄色。虽然我没有把促销文字作为画面的视觉核心，但是这两块信息还是得到了突出，甚至比方案一中的处理方式更突出。

 

 

 

 

05、为了加强该海报的形式感以及与同类型海报的差异化，我在背景上加入了一个土黄色的斜色块，用它来承载所有的菜品，感觉像是用一张餐盘纸递出一盘美食，画面也因此变得更明亮了，配色非常更丰富、好看。  

 

 

 

 

06、给个菜品加上投影增强画面的空间感和动感，菜品的名称可以沿着对应图片的外轮廓排列，设计感和灵活性更强，然后在黄色块上压一层底纹，版面开始变得精致起来。

 

 

 

最后我们来看看整体效果。  

 

 

 

与修改之前的对比。

在做设计的时候我们一定要搞清楚哪些是设计的目的，哪些是设计的手段（技巧），比如美观、具有吸引力、符合行业属性、便于阅读传播等属于设计的目的，对比、平衡、灵活、简约、聚焦、主次分明、细节精致等等属于设计的手段，一件优秀的设计作品往往是在多个方面都处理得比较好，所以，不要以为使用了几个设计手段就可以做好一张海报， 
设计手段应该为设计目的服务，否则这个手段就是错误的，或者并没有使用对。  

 

 

原文地址：
站酷

 

作者：葱爷