图片素材来源于稿定设计和创客贴，如有侵权告知必删

不知道大家在设计过程中有没有遇到过灵感时有时无的情况，这篇文章将帮助大家总结一些图片类Banner设计套路，希望能帮助大家理顺思路。

下面我们将从以下2点来分析：1banner设计流程   2图片banner的分类

一、设计流程

banner设计准备工作：

1拿到需求文案：分析文案想要表达的主题意思

2寻找图片素材：找几张主体清晰有大面积留白的图片

3新建画布：把找的图片放入画面中，经过比较确定一张最合适的

4确定排版：将文案进行排版

5细节调整：

二、图片banner的分类

这里总结了3种常见的类型：1图片作为背景    2图片抠图      3图片添加图框

为了更好的理解，我们结合实际案例来一一来看：

 

1图片作为背景：

通过查看大量设计实例，总结分析常见的可分为2大类：画面没有明确主体    画面有明确主体

1.1画面没有明确主体：

常见排版方式：居中排版

文字跟图片的处理方法有：

1）图片正片叠底一个暗色或四周压暗，文案亮色，如下图所示：

2）增加纯色/半透明形状框背景，背景上加文字 ，如下图所示：

1.2画面有明确主体：

常见排版方式：左右排版、居中排版

文字跟图片的处理方法有：

1）挑选主体清晰有大面积留白的图片，留白处直接放文字，如下图所示：

2）图片上覆盖形状框，形状框上加文字，如下图所示：

3）图片上增加渐变色块，上面写文字，如下图所示：

 

2抠图：

常见排版方式：左右排版

抠图处理：

1）将主体物抠出直接置于背景上

2）将主体物抠出添加描边处理

3）将主体物抠出添加手绘元素

如下图所示：

3图形框：

常见的可分为2大类：单个图形框    组合图形框 

3.1单个图形框：

常见排版方式：左右排版

图框处理：

1）规则形状图形框：矩形、圆形、爱心、三角形等

2）不规则形状图形框：笔刷效果、撕裂纸张等

如下图所示：

 3）图片场景代入：照片、信封等，如下图所示：

3.2组合图形框：

常见排版方式：左中右排版、左右排版

1）2-4图组合，如下图所示：

2）拼图组合，如下图所示

3.3多种方式组合处理： 

每个设计师都会有自己的经验方法，以上分享是个人日常积累总结的一些方法，如果对你的设计有帮助，也请点赞支持一下哦，下篇文章将跟大家分享插画类banner设计方法～