图片类Banner设计套路一

322天前发布

原创文章 / 多领域 / 教程
泡芙喵F 原创,如需商业用途或转载请与泡芙喵F联系,谢谢配合。

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

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


不知道大家在设计过程中有没有遇到过灵感时有时无的情况,这篇文章将帮助大家总结一些图片类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设计方法~

181
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    没有新消息