不会Banner设计？看这26招！

授权转自：设长 ID：shec-zhang

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-

作者：设长 杨哥

注：以上图片仅供欣赏，版权归属设计者所有

- END -

你错过的文章

我整理了这6种情况，让排版更简单。

如果你喜欢这篇文章

麻烦给升哥点个点赞 在看鼓励一下吧