查看原文
其他

26招Banner设计!看过来!!!

视研设 2022-06-11

The following article is from 设长 Author 设长



Banner的设计虽然一般都会遵循平面设计的设计原则,但Banner还是与常规的海报设计方式有差异化,Banner展示的面积和使用的场景和平面设计是不一样的,所以很多设计师在刚刚接触Banner的时候会头大无从下手,不知道Banner该如何设计,如何排布,如何选择风格......


那么今天小编就带来关于Banner风格设计的手法,利用合适的设计风格,去表达最主要的情感思想,从而给整个设计起到宣传的效果,设计出高质量的Banner。


老规矩,大家记得点赞收藏噢!喜欢记得关注设长!在设计中给你带来最前沿的干货!





01

棋盘格元素


棋盘格元素在今年又火了!方正的小格通过黑白或者彩色,排列交错产生的视觉效果,让设计看上去更醒目,黑白的棋盘格有一定的视觉冲击力,彩色的棋盘格可以通过色块之间的对比,产生更强烈的视觉效果,有一定的自有的艺术张力。画面中也可以添加一些弹窗、渐变、棋盘格的变形,这样的设计都可以带来一定的视觉冲击力。加入棋盘格元素是一种很富有个性的表达手法。






02

多图片排布


整个封面Banner通过图片整齐的摆放来表现设计效果,看似简单排版,但也需要设计师的精心排布,对图片进行调整,放在合适的位置,才能表达出舒服的视觉感受。有时担心画面太单调,我们也可以加入一些元素,描边的文字遮挡着图片、颜色的色块放置在角落、背景颜色的调整或者是一些辅助的文字标题等,通过添加这些元素来加强封面Banner的视觉效果。






03

渐变线条


渐变线条的设计可以让版面变得活泼起来,渐变是一种有规律的变化,我们通过颜色之间的相邻色或者是对比色进行产生渐变,但要注意色彩搭配,画面中也要时刻记得利用白色的背景,这样搭配渐变颜色的鲜艳,就能够形成很强大的视觉张力,并且渐变色的线条,可以让我们感觉到画面中的对比和和谐在相互的磨合,可以很好的抓住观者的眼球,让Banner变得更加有意思!





04

画面倾斜


如果想画面变得更加有活力,那不妨就把画面倾斜一下!这样画面就不会显得过于单调,并且给观者不同的世界效果,可以选择元素或者字体进行倾斜,这样画面都会增添几分不稳定的动感,如果原来画面显得很沉闷,这种手法就能刚好的打破原来沉闷的布局排版,获得更多的视觉吸引力。





05

简单插画


不需要繁杂的插画,画面中用简单的线条来构造简单的插画效果,选择简单的形状,线条和颜色构成的简单插画,可以让画面感觉变得清爽。可以选择将标题文字放大,那么简单的插画则是变成装饰效果,这样可以让普通沉闷的画面变得丰富起来,得到更多观者的目光。






06

折纸效果


折纸效果可以为画面增添一分的肌理感,并且在可以将画面做一个分割的处理。很好的明确画面的主次关系,这样画面中的层次和空间感都被拉了出来,并且很有现代感,可以很好的提画面的设计感,是一个不错的选择!






07

半艺术抽象


半艺术抽象的手法,是通过形状,线条和颜色来进行组合,以抽象的手法来表现画面。通常会选择在背景上做这种手法的艺术效果。通过过分的风格化,模糊化,重叠覆盖化和分解手法来表现。这样的设计效果有不一样的视觉冲击力。但需要把握好力度,在半艺术抽象的手法下也要清晰的表达出主题和内容。






08

人物交错排布


人物Banner是比较常见的,整齐的摆放人物,会显得画面很呆板,通常我们选择将人物元素进行交错排版。相同的人物,可以摆放不一样的姿势,进行交错的排布。不同的人物,也可以通过交错排布。要将主要的中心人物放在画面的中心或者让中心人物跳出方框。这样的画面会打破常规,画面变得更加有层次感,更有张力,更吸引到观者的目光。






09

人物整齐排布


整齐的人物排布,就要选择通过面或线框的形式,裁剪同样大小,整齐的排布,保证画面做到统一。这种常规的手法,表现的是画面信息清晰的传达,也可以将观者视线聚焦,让观者更能整齐易读,呈现出Banner整齐的风格韵味。






10

满版出血


将图片铺满整个版面,让画面呈现出饱满充实的设计效果。不会出现空荡的感觉,有很强的视觉冲击力。表达的情感也更加的丰沛。观者也有很好代入感。






11

抠图去底


很多时候将人物抠出来,不与背景融合在一起,对图片进行第二次的加工,可以很好的强调主体,主次分明,空间感很足。产生新的视觉冲击。






12

分割布局


以分割的形式表达,画面层次分明,主题清晰,有很明确的独立性和引导性,简单大气的形式美感,精致感和品质感都拉满。






13

文字叠加


这种有很强的丰富设计画面感,图片和文字可以产生互动,突出主题,相辅相成。在突出文字内容的同时也将图片的作用表达出来。






14

场景组合


结合场景,可以营造很好的氛围感,设计内容变得更有代入感,适合元素特点的表达。画面效果更加的趣味生动,增加了活力感。






15

抖动叠色


冷暖色调结合霓虹灯光的设计,产生很强的视觉反差,这样的效果可以让观者眼前一亮,留下深刻的印象,形成强烈的视觉冲击力和形式感。






16

左右结构


这是一个比较常见的banner的设计手法,这样的画面有很好的平衡感,中规中矩的感觉,表现的比较自然合适,相互对称的结构,画面不会看起来很乱。






17

居中设计


无论在什么设计里,将主要的设计内容置于画面的中间,其他元素成为辅助的功能,装饰主体,可以聚焦视觉的中心点,设计作品的视觉感觉可以很棒。






18

字图分割


图片和文字的分开,进行微妙的分割,有明确的独立性和引导性。明确的表达出要表达内容,达到视觉上的平衡,非常有品质感,精致感。






19

留白设计


无论做什么,现在都在留下留白设计,给画面留出一定的“呼吸”空间,这样的设计效果不会看起来有压迫的感觉,透气的感觉,可以让观者有舒服的视觉感,也可以突出重点内容。






20

边框元素


在画面中添加边框元素,可以视线更加的集中,感觉像一副画一样框在一起,保证了画面的平衡感,是一种简单常见的banner构图手法。






21

线条元素


线是平面构成中最基础的设计元素,通过简单的线条可以将画面进行改变和组分,让画面产生不一样的灵动感,给观者留下深刻的视觉印象。






22

几何元素


简练、醒目、形式感,这些都是添加几何元素的视觉特征,使用几何形状可以表达出一种特殊的视觉说明性,打破常规一般的审美习惯。






23

重复排列


将一个元素进行重复的设计,保证 了画面的统一感,注意重复之间的间距离,产生一种秩序的美感,营造出一种精致的氛围。






24

构建网格


想使内容有秩序感,那就使用构建网格的手法,这样的设计传达信息更加有逻辑感,像无形的胶水一样凝聚在一起,产生一种视觉和谐的美感,在操作上也是相比其他设计好修改的手法。





25

视线引导


将人物的动作、眼神作为引导视线的导线,可以很好的吸引到观者的注意力,内容和图片之间有着相互呼应的关系,画面的关系也得到很好调和。






26

个性字体


不同的字体有不同的韵味,通过字体的设计,可以表达出不一样的设计内容,根据字体的形态表达出设计的风格,吸引注意力。


- END -



学“废”了就点个赞
↓↓↓

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存