前面分享了一篇关于banner组成元素的文章，主要讲解了banner中元素有什么，大分类可以分为文案+元素+背景，而元素又可细分为商品+模特+logo+点缀（这里的元素是需要根据banner的实际情况选择要素，可有可无），以及也分享了设计banner的步骤与思路，我这里就不再回顾太多啦，感兴趣的可以再去看看，链接如下：

盘点banner设计组成要素/类型/风格/设计步骤大全

前面也收到很多设计师咨询我关于banner设计的问题，昨天我也收到一位设计师咨询我关于banner的事情，所以我才决定今天来详细的总结一下banner设计中的版式构成，banner中到底有那些版式可以用？我们到底怎么玩？不同需求情况下又选择什么样的版式？最后分享完版式构成的技巧后我也会用实际banner改稿案例帮助大家理解和消化

我一共总结了几十套关于banner平面版式构成的模板图，我都会一一列举每一个模板对应的实际banner案例，一共22套后面会再次总结其它版式构图并分享，因为版式构图的样式太多了，一篇文章写完篇幅也有点大，大家做好准备慢慢消化吧，话不多说，我们开始今天的正题吧！最后附banner改稿案例今日学习大纲：

01：banner版式构图分析

02：banner设计案例实操03：banner设计改稿案例

04：总结

主题居中排版版式构图

居中简单的理解就是banner文案主题排版在画面的中间位置，其余位置可以摆放商品/模特/点缀等元素，这种banner构图也是我们常见的案例，在专题活动/促销/美妆/服饰/美食等主题项目中经常会用到

首先我们看看我总结的版式构图模板的图吧，后面就一一的分析每一个模板

接下来我们就对今天的主题居中版式构图做一些详细的分析吧！

01版式构图

Banner案例

版式构成分析：这种版式构成绝大多数的案例都可运用，视觉中心在版面圆形区域，利用圆形聚焦，主题文字直接和中心圆结合，主题文字可以做一些角度的变化，使画面显得更活跃，人的视觉也会集中在版面的中间，文案简洁，这种类型的主要是突出文案，对于模特、产品的要求就不是很高，而主题文字就需要单独进行创意设计，对字体设计创意要求较高

这种版式结构也多用于专题活动类项目

02版式构图

Banner案例

版式构成分析：这里文案也是居中，但是和前面不同的是，周围会用一些商品、元素围绕着主题文字排版，营造出一种热闹的氛围，对于字体的设计要求不高，但是对商品元素的排版要求较高，需要通过合理的排布，使大量的商品（不同形状、大小、颜色）在有限的尺寸画布中要显得美观耐看且不凌乱，我们可以通过改变元素的位置、角度、大小来营造出一种热闹的氛围

这种版式结构也多用于专题活动/美食/美妆/服装/鞋子等项目

03版式构图

Banner案例

版式构成分析：这里文案也是居中，周围围绕着商品，和2不同的是，这里的商品和文案都采用同样的角度排布，使整个画面更加有序、耐看，字体也不需要太多的设计，选择合适搭配的正规字体，采用和商品元素同样的角度处理或者单独分离出来，也都能够很好的融入画面，商品元素只需要选择角度一致，商品也是不规则的，需要一些功力才能排版出耐看的画面，在选择商品元素时需要注意他们的大小和高度，如果太高就会使画面失去平衡

这种版式结构也多用于美食/美妆/服装/鞋子/母婴/玩具等项目

04版式构图

Banner案例

版式构成分析：这里主题/主体居中，背景就算要爆炸、发射，多用暖色和撞色，使画面显得热闹，气氛浓郁，文字设计也需要较强的功力，画面的热闹氛围构造也需要功力，合理采用元素

这种版式结构也多用于专题活动/美食/美妆/服装/鞋子/母婴/玩具等项目

05版式构图

Banner案例

版式构成分析：这里文案居中偏上，下面利用一些相关的元素做装饰，丰富画面，商品元素的排版主要在下半区域，字体设计强度较弱，元素排版难度较高

这种版式结构也多用于专题活动/美食/美妆/服装/鞋子/母婴/玩具等项目

06版式构图

Banner案例

版式构成分析：这里文案居中排版出一种三角的的形状（正三角和倒三角）给人一种稳定、聚焦的视觉效果，周围同样利用元素作为点缀以及丰富画面，字体设计强度较强，元素排版难度较高，对于这种产品元素较多的，在这个有限的画面中想要摆出美观的视觉效果还是有一定的功力的，并不是随便堆在一起就可以的，不行可以试一试哦

这种版式结构也多用于专题活动/美食/美妆/服装/鞋子/母婴/玩具等项目

07版式构图

Banner案例

版式构成分析：这里文案居中排版，但是文字通过排版出不同的角度，给人一种视觉上的动感，使画面也带入了动感，周围同样利用元素做点缀，丰富画面，字体需要设计感突出，突出和强调主题，作为banner的主视觉

这种版式结构也多用于专题活动/美食/美妆/服装/鞋子/母婴/玩具等项目

08版式构图

Banner案例

版式构成分析：这里文案居中排版，产品图/模特/装饰元素排版在画布的左右两边，形成对称、对比的效果，

这种版式结构也多用于比赛/专题活动/美食/美妆/服装/鞋子/母婴/玩具等项目

09版式构图

Banner案例

版式构成分析：这里文案居中排版，背景直接采用图片平铺的效果，这样的排版方式可以说是最简单的一种了啊，但是对于图片的选择要求相对较高，需要图片画质好、符合主题，文字需要注意风格要和图片背景搭配

这种版式结构也多用于美食/美妆/服装/鞋子/母婴/玩具等项目

10版式构图

Banner案例

版式构成分析：这里文案居中排版，产品图/模特/装饰元素排版在画布下面，按照一定的规律排版，利用分块作为图和文字的隔层，使文字和图能够清晰的显示

这种版式结构也多用于美食/美妆/服装/鞋子/母婴/玩具等项目

11版式构图

Banner案例

版式构成分析：这里文案居中排版，主要的产品图/模特/装饰元素也都居中排版，使文字主题和产品图/模特/装饰元素等叠压，制造空间感，使画面更有层次，主题文字一般都是要放大放大再放大，突出主题营造出一种有活力和强势的感觉

这种版式结构也多用于活动专题/美食/美妆/服装/鞋子/母婴/玩具等项目

左右排版简单的理解就是banner文案主题排版在画面的左边/右边，当然这里的左右不要只知道单纯的居中左右，左上，右上都是可以的，实际案例中都要合理运用位置，其余空间可以摆放商品/模特/点缀等元素，这种banner构图也是我们常见的案例，在专题活动/促销/美妆/服饰/美食等主题项目中经常会用到

接下来我们就对今天的主题左右排版版式构图做一些详细的分析吧！

01版式构图

Banner案例

版式构成分析：这种版式构成绝大多数的案例都可运用，主体以及其它文案以左对齐的方式排版在画布中的左边，整体文字都是在画布中的左中部，保持一种稳定的视觉，大标题，突出主题，右边则排放商品、模特等其它元素，使文案的元素分离开，更好的突出主题以及产品

这种版式结构也多用于专题活动类项目/美食/美妆/服装/鞋子等项目，基本的项目都适用

02版式构图

Banner案例

版式构成分析：这样的案例实在是太多了，忍不住多放了一些，和上面第一个左对齐的不同的就是文案主题虽然也在左边，但是文案是以中对齐的形式排版的，布局可以文案和图平分，也可以主题占取3分之2，突出主题，因为文字并非左对齐那么规整，整体中对其就空可以玩出不同的样式，使画面更活跃，更丰富

这种版式结构也多用于专题活动/美食/美妆/服装/鞋子等项目，广而用之

03版式构图

Banner案例

版式构成分析：这里文案整体右对齐，在画布中右中部，和前面的左对齐同理，保持一种稳定的视觉，大标题，突出主题，右边则排放商品、模特等其它元素，使文案的元素分离开，更好的突出主题以及产品

这种版式结构也多用于专题活动类项目/美食/美妆/服装/鞋子等项目，基本的项目都适用

04版式构图

Banner案例

版式构成分析：这样的案例和前面一样，只是图和文案的位置做了改变，效果却是一样的，突出主题，因为文字并非左对齐那么规整，整体中对其就空可以玩出不同的样式，使画面更活跃，更丰富

这种版式结构也多用于专题活动/美食/美妆/服装/鞋子等项目，广而用之

后面我就不做太多的讲解了，大家看图就ok啦，因为道理都是一样的

05版式构图

Banner案例

总结了这么多版式构图，我们就用实际案例来运用起来吧，我这里就以滑板为主题做一张banner设计

文案和模特都准备好啦，接下来就是排版布局了，这里我们先做一个主题居中的版式构图，如下：

改变文字，使文字和主题更匹配，

调整文字大小和角度，使画面更适合运动类的项目，让画面有动感，并添加一个背景色

再给文字做一些视觉效果，使主题和街舞时尚的气质更匹配

最后给背景添加一些时尚的、符合街舞气质的元素，给文字做一些同样元素的点缀，人物和主题文字做一个层叠关系，最终我们的banner就做好啦

（最终稿）

后面我我们再在原来的基础上做一下位置改变，将文字和模特改一下位置，做一个左右关系的banner版式构图，背景整体也提亮了色彩，做了一个紫色和蓝色的渐变，文字效果做了微处理，如图：