找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 326|回复: 6

Banner设想—版式构图总结(22套模板)

[复制链接]

2

主题

8

回帖

19

积分

新手上路

积分
19
发表于 2023-1-8 06:58:12 | 显示全部楼层 |阅读模式
来历:知乎

Banner设想—版式构图总结(22套模板)-1.jpg

写在前面

前面分享了一篇关于banner组成元素的文章,首要讲授了banner中元素有什么,大分类可以分为文案+元素+布景,而元素又可细分为商品+模特+logo+点缀(这里的元素是需要按照banner的现真相况选摘要素,无关紧急),以及也分享了设想banner的步调与思绪,我这里就不再回首太多啦,感爱好的可以再去看看,链接以下:

盘点banner设想组成要素/范例/气概/设想步调大全


前面也收到很多设想师征询我关于banner设想的题目,昨天我也收到一位设想师征询我关于banner的工作,所以我才决议明天来具体的总结一下banner设想中的版式组成,banner中到底有那些版式可以用?我们到底怎样玩?分歧需讨情况下又挑选什么样的版式?最初分享完版式组成的技能后我也会用现实banner改稿案例帮助大师了解和消化

我一共总结了几十套关于banner平面版式组成的模板图,我城市逐一罗列每一个模板对应的现实banner案例,一共22套前面会再次总结别的版式构图并分享,由于版式构图的款式太多了,一篇文章写完篇幅也有点大,大师做好预备渐渐消化吧,话不多说,我们起头明天的正题吧!最初附banner改稿案例本日进修纲领:
01:banner版式构图分析
02:banner设想案例实操03:banner设想改稿案例
04:总结

banner构图分析


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

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

Banner设想—版式构图总结(22套模板)-2.jpg

接下来我们就对明天的主题居中版式构图做一些具体的分析吧!

01版式构图

Banner设想—版式构图总结(22套模板)-3.jpg
Banner案例

Banner设想—版式构图总结(22套模板)-4.jpg

Banner设想—版式构图总结(22套模板)-5.jpg

Banner设想—版式构图总结(22套模板)-6.jpg

版式组成份析:这类版式组成绝大大都的案例都可应用,视觉中心在版面圆形地区,操纵圆形聚焦,主题笔墨间接和中心圆连系,主题笔墨可以做一些角度的变化,使画面显得更活跃,人的视觉也会合中在版面的中心,文案简洁,这类范例的主如果突出文案,对于模特、产物的要求就不是很高,而主题笔墨就需要零丁停止创意设想,对字体设想创意要求较高
这类版式结构也多用于专题活动类项目

02版式构图

Banner设想—版式构图总结(22套模板)-7.jpg

Banner案例

Banner设想—版式构图总结(22套模板)-8.jpg

Banner设想—版式构图总结(22套模板)-9.jpg

Banner设想—版式构图总结(22套模板)-10.jpg

Banner设想—版式构图总结(22套模板)-11.jpg

版式组成份析:这里文案也是居中,可是和前面分歧的是,四周会用一些商品、元素围绕着主题笔墨排版,营建出一种热烈的空气,对于字体的设想要求不高,可是对商品元素的排版要求较高,需要经过公道的排布,使大量的商品(分歧外形、巨细、色彩)在有限的尺寸画布中要显得美妙耐看且不混乱,我们可以经过改变元素的位置、角度、巨细来营建出一种热烈的空气
这类版式结构也多用于专题活动/美食/美妆/打扮/鞋子等项目
03版式构图

Banner设想—版式构图总结(22套模板)-12.jpg
Banner案例

Banner设想—版式构图总结(22套模板)-13.jpg

Banner设想—版式构图总结(22套模板)-14.jpg

Banner设想—版式构图总结(22套模板)-15.jpg

版式组成份析:这里文案也是居中,四周围绕着商品,和2分歧的是,这里的商品和文案都采用一样的角度排布,使全部画面加倍有序、耐看,字体也不需要太多的设想,挑选合适搭配的正规字体,采用和商品元素一样的角度处置大概零丁分手出来,也都可以很好的融入画面,商品元素只需要挑选角度分歧,商品也是不法则的,需要一些功力才能排版出耐看的画面,在挑选商品元素时需要留意他们的巨细和高度,假如太高就会使画面落空平衡
这类版式结构也多用于美食/美妆/打扮/鞋子/母婴/玩具等项目

04版式构图

Banner设想—版式构图总结(22套模板)-16.jpg

Banner设想—版式构图总结(22套模板)-17.jpg

Banner设想—版式构图总结(22套模板)-18.jpg

Banner案例

Banner设想—版式构图总结(22套模板)-19.jpg



Banner设想—版式构图总结(22套模板)-21.jpg

Banner设想—版式构图总结(22套模板)-22.jpg

Banner设想—版式构图总结(22套模板)-23.jpg
版式组成份析:这里主题/主体居中,布景就算要爆炸、发射,多用暖色和撞色,使画面显得热烈,氛围浓郁,笔墨设想也需要较强的功力,画面的热烈空气机关也需要功力,公道采用元素

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

05版式构图

Banner设想—版式构图总结(22套模板)-24.jpg
Banner案例

Banner设想—版式构图总结(22套模板)-25.jpg

Banner设想—版式构图总结(22套模板)-26.jpg

Banner设想—版式构图总结(22套模板)-27.jpg

Banner设想—版式构图总结(22套模板)-28.jpg
版式组成份析:这里文案居中偏上,下面操纵一些相关的元素做装潢,丰富画面,商品元素的排版首要鄙人半地区,字体设想强度较弱,元素排版难度较高
这类版式结构也多用于专题活动/美食/美妆/打扮/鞋子/母婴/玩具等项目

06版式构图

Banner设想—版式构图总结(22套模板)-29.jpg

Banner案例

Banner设想—版式构图总结(22套模板)-30.jpg

Banner设想—版式构图总结(22套模板)-31.jpg
版式组成份析:这里文案居中排版出一种三角的的外形(正三角和倒三角)给人一种稳定、聚焦的视觉结果,四周一样操纵元素作为点缀以及丰富画面,字体设想强度较强,元素排版难度较高,对于这类产物元素较多的,在这个有限的画面中想要摆出美妙的视觉结果还是有一定的功力的,并不是随意堆在一路便可以的,不可可以试一试哦
这类版式结构也多用于专题活动/美食/美妆/打扮/鞋子/母婴/玩具等项目
07版式构图

Banner设想—版式构图总结(22套模板)-32.jpg

Banner案例

Banner设想—版式构图总结(22套模板)-33.jpg

Banner设想—版式构图总结(22套模板)-34.jpg

Banner设想—版式构图总结(22套模板)-35.jpg
版式组成份析:这里文案居中排版,可是笔墨经过排版出分歧的角度,给人一种视觉上的动感,使画面也带入了动感,四周一样操纵元素做点缀,丰富画面,字体需要设想感突出,突出和夸大主题,作为banner的主视觉
这类版式结构也多用于专题活动/美食/美妆/打扮/鞋子/母婴/玩具等项目

08版式构图

Banner设想—版式构图总结(22套模板)-36.jpg
Banner案例

Banner设想—版式构图总结(22套模板)-37.jpg

Banner设想—版式构图总结(22套模板)-38.jpg

Banner设想—版式构图总结(22套模板)-39.jpg

版式组成份析:这里文案居中排版,产物图/模特/装潢元素排版在画布的左右双方,构成对称、对照的结果,
这类版式结构也多用于角逐/专题活动/美食/美妆/打扮/鞋子/母婴/玩具等项目

09版式构图

Banner设想—版式构图总结(22套模板)-40.jpg

Banner案例

Banner设想—版式构图总结(22套模板)-41.jpg

Banner设想—版式构图总结(22套模板)-42.jpg

Banner设想—版式构图总结(22套模板)-43.jpg

版式组成份析:这里文案居中排版,布景间接采用图片平铺的结果,这样的排版方式可以说是最简单的一种了啊,可是对于图片的选摘要求相对较高,需要图片画质好、合适主题,笔墨需要留意气提要和图片布景搭配
这类版式结构也多用于美食/美妆/打扮/鞋子/母婴/玩具等项目

10版式构图

Banner设想—版式构图总结(22套模板)-44.jpg

Banner案例

Banner设想—版式构图总结(22套模板)-45.jpg

Banner设想—版式构图总结(22套模板)-46.jpg

版式组成份析:这里文案居中排版,产物图/模特/装潢元素排版在画布下面,依照一定的纪律排版,操纵分块作为图和笔墨的隔层,使笔墨和图可以清楚的显现
这类版式结构也多用于美食/美妆/打扮/鞋子/母婴/玩具等项目

11版式构图

Banner设想—版式构图总结(22套模板)-47.jpg
Banner案例

Banner设想—版式构图总结(22套模板)-48.jpg

Banner设想—版式构图总结(22套模板)-49.jpg

Banner设想—版式构图总结(22套模板)-50.jpg

Banner设想—版式构图总结(22套模板)-51.jpg

Banner设想—版式构图总结(22套模板)-52.jpg

版式组成份析:这里文案居中排版,首要的产物图/模特/装潢元素也都居中排版,使笔墨主题和产物图/模特/装潢元素等叠压,制造空间感,使画面更有条理,主题笔墨一般都是要放大放大再放大,突出主题营建出一种有活力和强势的感受
这类版式结构也多用于活动专题/美食/美妆/打扮/鞋子/母婴/玩具等项目

主题左右排版版式构图

左右排版简单的了解就是banner文案主题排版在画面的左侧/右侧,固然这里的左右不要只晓得纯真的居中左右,左上,右上都是可以的,现实案例中都要公道应用位置,其他空间可以摆放商品/模特/点缀等元素,这类banner构图也是我们常见的案例,在专题活动/促销/美妆/衣饰/美食等主题项目中经常会用到

接下来我们就对明天的主题左右排版版式构图做一些具体的分析吧!

01版式构图

Banner设想—版式构图总结(22套模板)-53.jpg

Banner案例

Banner设想—版式构图总结(22套模板)-54.jpg

Banner设想—版式构图总结(22套模板)-55.jpg

版式组成份析:这类版式组成绝大大都的案例都可应用,主体以及别的文案以左对齐的方式排版在画布中的左侧,整体笔墨都是在画布中的左中部,连结一种稳定的视觉,大题目,突出主题,右侧则排放商品、模特等别的元素,使文案的元素分手开,更好的突出主题以及产物
这类版式结构也多用于专题活动类项目/美食/美妆/打扮/鞋子等项目,根基的项目都适用
02版式构图

Banner设想—版式构图总结(22套模板)-56.jpg

Banner案例

Banner设想—版式构图总结(22套模板)-57.jpg

Banner设想—版式构图总结(22套模板)-58.jpg

Banner设想—版式构图总结(22套模板)-59.jpg

版式组成份析:这样的案例实在是太多了,不由得多放了一些,和上面第一个左对齐的分歧的就是文案主题虽然也在左侧,可是文案是以中对齐的形式排版的,结构可以文案和图等分,也可以主题占取3分之2,突出主题,由于笔墨并非左对齐那末规整,整体中对其就空可以玩出分歧的款式,使画面更活跃,更丰富
这类版式结构也多用于专题活动/美食/美妆/打扮/鞋子等项目,广而用之

03版式构图

Banner设想—版式构图总结(22套模板)-60.jpg

Banner案例

Banner设想—版式构图总结(22套模板)-61.jpg

Banner设想—版式构图总结(22套模板)-62.jpg

版式组成份析:这里文案整体右对齐,在画布中右中部,和前面的左对齐同理,连结一种稳定的视觉,大题目,突出主题,右侧则排放商品、模特等别的元素,使文案的元素分手开,更好的突出主题以及产物
这类版式结构也多用于专题活动类项目/美食/美妆/打扮/鞋子等项目,根基的项目都适用

04版式构图

Banner设想—版式构图总结(22套模板)-63.jpg
Banner案例

Banner设想—版式构图总结(22套模板)-64.jpg

Banner设想—版式构图总结(22套模板)-65.jpg

Banner设想—版式构图总结(22套模板)-66.jpg

Banner设想—版式构图总结(22套模板)-67.jpg
版式组成份析:这样的案例和前面一样,只是图和文案的位置做了改变,结果却是一样的,突出主题,由于笔墨并非左对齐那末规整,整体中对其就空可以玩出分歧的款式,使画面更活跃,更丰富
这类版式结构也多用于专题活动/美食/美妆/打扮/鞋子等项目,广而用之

前面我就不做太多的讲授了,大师看图就ok啦,由于事理都是一样的


05版式构图

Banner设想—版式构图总结(22套模板)-68.jpg
Banner案例

Banner设想—版式构图总结(22套模板)-69.jpg

Banner设想—版式构图总结(22套模板)-70.jpg

Banner设想—版式构图总结(22套模板)-71.jpg

Banner设想—版式构图总结(22套模板)-72.jpg

案例实操


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

Banner设想—版式构图总结(22套模板)-73.jpg

Banner设想—版式构图总结(22套模板)-74.jpg

文案和模特都预备好啦,接下来就是排版结构了,这里我们先做一个主题居中的版式构图,以下:

Banner设想—版式构图总结(22套模板)-75.jpg

改变笔墨,使笔墨和主题更婚配,

Banner设想—版式构图总结(22套模板)-76.jpg

调剂笔墨巨细和角度,使画面更合适活动类的项目,让画面有动感,并增加一个布风景

Banner设想—版式构图总结(22套模板)-77.jpg

再给笔墨做一些视觉结果,使主题和街舞时髦的气质更婚配

Banner设想—版式构图总结(22套模板)-78.jpg

最初给布景增加一些时髦的、合适街舞气质的元素,给笔墨做一些一样元素的点缀,人物和主题笔墨做一个层叠关系,终极我们的banner就做好啦

Banner设想—版式构图总结(22套模板)-79.jpg
(终极稿)

前面我我们再在本来的根本上做一下位置改变,将笔墨和模特改一下位置,做一个左右关系的banner版式构图,布景整体也提亮了色彩,做了一个紫色和蓝色的突变,笔墨结果做了微处置,如图:


Banner设想—版式构图总结(22套模板)-80.jpg

原文地址:https://zhuanlan.zhihu.com/p/93316132
免责声明:本帖内容由机械人自动收集于互联网,如加害了您的权益,请联系我们【E-Mail:cb@yoyodoc.com】 我们会实时删除侵权内容,给您带来未便,深感歉意!

4

主题

19

回帖

42

积分

新手上路

积分
42
发表于 2023-1-8 06:59:03 | 显示全部楼层
那种图片跟字体味浮动的怎样弄?

4

主题

6

回帖

24

积分

新手上路

积分
24
发表于 2023-1-8 06:59:32 | 显示全部楼层
真是超级干货,给你大大的赞

3

主题

14

回帖

26

积分

新手上路

积分
26
发表于 2023-1-8 07:00:02 | 显示全部楼层
[附和]

5

主题

12

回帖

41

积分

新手上路

积分
41
发表于 2023-1-8 07:00:13 | 显示全部楼层
[爱][爱][爱]

4

主题

13

回帖

35

积分

新手上路

积分
35
发表于 2023-1-8 07:00:35 | 显示全部楼层
[爱][爱][爱]

3

主题

11

回帖

22

积分

新手上路

积分
22
发表于 2023-1-8 07:01:22 | 显示全部楼层
收藏了感激大佬分享,白嫖的感受就是爽[害臊]
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|小悠文档创作分享社区 ( 粤ICP备11072215号 )|网站地图

GMT+8, 2024-12-4 16:37 , Processed in 0.370737 second(s), 25 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表