创意banner海报——如何搭建banner_海报设计？
Banner(以及banner广告)是最早的网络广告形式，也是目前最常见的形式。横幅广告，也称横幅广告，是横跨网页的长方形公告板。当用户点击这些横幅时，他们通常可以链接到广告商的网页。它是显示商家广告内容的图片，放在广告主的页面上。是互联网广告中最基础的广告形式！
下面我们将从这几个方面来解释横幅:
一:横幅的组成部分
二:横幅的类型
三:横幅的风格选择
四:横幅设计步骤
一:横幅的组成部分
banner I的主要组成部分在这里简单总结了以下几点:
而banner的主要元素是:文案+元素+背景。
元素可以细分为:元素=商品+模特+logo+点缀(这里的元素需要根据banner的实际情况来选择，可选)。
如图所示:
(来自花瓣)
二:横幅的类型
我这里总结的banner类型主要分为:
01:产品推广横幅(新品、热销产品)
02:活动横幅(节日促销、产品促销)
这里把横幅简单的分为两种，因为不同的横幅的效果和目的是不一样的，所以我们需要设计不同风格的横幅。
对于产品推广的横幅，最重要的是突出产品的特点，所以我们对于横幅设计最需要的元素一定是产品和简短的文案介绍。至于点缀的元素，我们也可以根据实际产品的特点选择合适的元素，也可以不点缀，背景肯定是必不可少的！
01:产品推广横幅:
产品+文案+背景
例如:
(来自花瓣)
以上案例都是关于产品推广banner的设计风格。它们都有一个共同的特点，就是把产品放大再放大，表现出产品的特性。简洁的文案介绍和大量的留白突出了产品的特色，让用户的目光不由自主地被产品本身所吸引。
产品推广横幅:
产品+文案+元素+背景
例如:
(来自花瓣)
这种banner的特点是除了产品本身之外，还加入了一些其他元素作为banner的点缀效果，让画面更饱和或者更有动感！
那么问题来了
什么情况下在产品横幅设计中加入元素比较好？什么情况下不加元素好？
第一，在极其需要展示产品特性的情况下，我们最好选择不添加干扰产品的元素。
第二:对于简约的产品，我们最好不要加入装饰的元素，大量的留白更适合简约产品的风格。
02:活动类横幅
产品+文案+元素+背景
例如:
(来自花瓣)
对于活动类的banner设计，我们大多数人都会选择色彩鲜艳，画面饱和有冲击力，营造出活泼的氛围，这对于元素的加入也是必不可少的，因为对于活动类的banner设计来说，画面越活泼，活动力度就越大，会吸引更多的用户，尽可能突出活动的标题！
二:横幅的风格选择
横幅有各种各样的风格，但不同的横幅选择的风格肯定是不同的。不同风格的banner给人的视觉效果是完全不同的，恰当的搭配可以让banner更好的表达自己的特点和目的。
例如:
01:简约产品家居横幅的宣传横幅更适合简约干净的风格。
(来自花瓣)
02: banner，高端科技产品，选择有科技感的款式。
(通过科技的图形和色彩体现)
(来自花瓣)
03:时尚服装banner适合选择时尚图片的风格。
(体现在独特的造型和风格、图形和色彩等方面。)
(来自花瓣)
04: banner，高端奢侈品牌，适合高端大气的风格搭配。
(通过黑红、黑金等高档色彩体现。)
(来自花瓣)
05:少女\儿童可爱风横幅适合可爱风元素的选择。
(通过可爱的元素:插图、线条、气球、爱情、圆润的字体、充满活力的色彩等。)
(来自花瓣)
06:国风/文化/节日的banner更适合选择有文化气质的元素。
(通过中国笔触，中国古代元素:印章、中国山水画、水墨、扇子、剪纸、园林窗格、古代图案、祥云、京剧、卷轴等。)
(来自花瓣)
二:横幅设计步骤
01:理解和确定横幅的设计要求
02:定义横幅设计的目的
03:根据获得的横幅设计要求，确定横幅的设计风格。
04:选择合适的横幅设计布局结构
05:选择匹配元素装饰banner的整体效果(根据实际需要添加)
06:配色选择
01:理解和确定横幅的设计要求
对于设计需求的这种理解，无论设计前提是什么，都是必不可少的一步，也是最关键的一步。如果连设计要求都不知道，设计结果肯定不符合实际需求。
那么我们到底需要明确banner的设计需求是什么呢？
第一点:确定横幅设计文案。
文案对于设计师来说也是非常重要的一点。设计师可以从文案信息中找到设计灵感，知道大致的设计风格。
第一点:确定banner设计尺寸和投放平台。
文案确定后，我们还需要了解平台和位置、大小以及是否需要适应各个平台的展示。
02:定义横幅设计的目的
对于设计一个横幅来说，你在设计这个横幅之前一定是想达到某种目的，所以你一定要清楚这个横幅设计的目的是什么，比如你是想推广产品还是推广产品。两者性质完全不同。
03:根据获得的横幅设计要求，确定横幅的设计风格。
Banner的设计风格我们可以从banner对定位的文案要求中找到关键词，比如全语音智能操作的车载支架A5。
从这个主题文案中我们可以提出的关键词是:全语言，全智能。
对于这样的关键词的理解，我们肯定会想到智能科技时代的画面，所以我们就选这里的风格吧！
04:选择合适的横幅设计布局结构
Banner的设计布局结构大致可以分为:
中心结构、左对齐结构、右对齐结构
不同需求需求的banner结构需要根据实际情况选择！
05:选择匹配元素装饰banner的整体效果(根据实际需要添加)
我们还需要根据实际情况和产品横幅的特点，为横幅选择合适的装饰元素。比如产品简单的横幅就不需要装饰元素，而活动可爱或者少女儿童的横幅就需要选择装饰元素，不同形状的横幅装饰元素的选择也不一样(前面已经简单介绍过了，这里就不赘述了)。
06:配色选择
颜色的选择也很重要。不同banner选择的配色也不同。恰当的色彩搭配会让产品更突出或者图片更显眼，给人不一样的感觉。
例如:
*黑金搭配和黑红搭配会给人高级感。
*蓝、黑、紫等冷色，画面给人硬朗感、空间感、速度感、力量感，比较适合科技。
*红、橙、黄、紫会营造出温馨的氛围，更适合时尚和活动。
*黑白灰的搭配会给人一种冷得不敢靠近的感觉，比较适合大品牌的风格选择。
*白色和灰色的搭配会给人一种宁静、文艺、气质、优雅的感觉，比较适合选择简约的产品。
实际案例:
文案要求:
全语音智能操作车载支架A5
挥舞顺从的声音支架
使用科大讯飞AIUI人机交互解决方案，智能驾驶一下子就能来。
设计尺寸:1920x650px
设计目的:根据需求，横幅设计的目的是宣传新产品A5。
第一步:我们把文案信息和提供的产品放入画布。
第二步:明确我们的主标题“全语音智能操作车载支架A5”
所以我们放大主标题，突出主标题。
第三步:选择banner的风格，因为我们这里需要的是产品的智能化，所以我们的风格可以定义为科技化。
第四步:选择布局结构。这里选一个简单的左右结构吧！
第五步:选择装饰元素。装饰元素也要根据科技效果来选择，可以从文案中提取。比如这里我们可以提取:科技线条和图形，语音图形等等。
第六步:调整整体位置和配色。我们还用不同的层次结构来处理文本标题，使它们更加突出。字幕文案也是按照整体风格画面略加处理，让文案和画面更加和谐统一，包括周围因光线影响需要处理的产品。
最后会得到上面的横幅效果！设计了一个简单的科技感横幅！
好吧！今天的知识有点多，也比较全面！希望你喜欢！
往期推荐的好文章
—
版面设计-7种简单的图片排版方法
10创意线条图形海报设计
教你调色技巧，摆脱调色困境！
创新的海报设计理念
流行的横幅处理类型有哪些？色块分割
以上banner利用不同比例的色块组成Banner的背景，加上文字和文案，适合突出产品，如家居、服装、电子产品等。界面简洁但不白，能快速提取有价值的信息。选色要注意整体色感。
几何边界
简约往往给人一种冰冷、干净、现代的感觉。设计中使用的形状和元素很简单；所用的配色统一融合，色彩克制。质地更加细腻；结构上，留白，短/准/有核心价值和“气质”的常用，边框是重点，几何图形是永恒的装饰~。~
2.5D
空间几何的风格，通过搭建空间体，利用几何营造氛围，具有很强的空间代入感。这种工作稍微研究一下还是可以的。关键是创意的表达，这需要很大的努力。
2.5D风格在电商设计中非常流行，新颖实用，可以容纳很多内容，动态静态都可以，可以很好的连接两个屏幕和三个屏幕。受到一些大型促销活动的青睐，经常可以看到这种风格的首屏海报。
平面插图
简洁而不简单，去除繁琐的装饰效果，展现主题的核心表达。使用文字以外的图形或字符来帮助banner带来更直观的感觉。在文本中添加图形或字符可以使banner更有活力和感觉。这种类型的横幅广泛用于金融、教育和旅游。当然，如果插画能力还可以的话，所有行业用起来都不是问题。
颜色叠加
更通俗多变，整体视觉会相对年轻，使用的元素会相对更直接、清晰、直白；整体有一种干净、清晰、和谐的感觉。突出文字，用简单的图形装饰气氛。您可以使用纯色和渐变色来叠加背景色。选择大图的时候要注意。整体意境取决于色调和明暗。当然，最简单的就是选择一个干净整洁的底图。
颜色是有感情的，不同的颜色会给人带来完全不同的感受。所以我们在制作画面时需要根据主题进行色彩搭配，既合理又舒适，使横幅画面整体和谐。所以我们需要考虑要表达什么样的情感，希望用户看的时候有什么样的感受，表达的情感是否与主题一致。根据这几点来做配色更有目的性。
渐变纹理
微妙的渐变已经回归设计潮流。渐变背景，甚至是渐变的叠加，都能让你的横幅设计风格化。有了图片，有了纹理，有了文字，渐变可以给人多种体验。色彩丰富是它的特点。
不同于UI设计，在电商和广告Banner的设计中，纹理一直存在，甚至是很常见的元素。质感可以很好的提升整个横幅。
信息量和整体纹理。当然，在使用纹理的时候，不要让它们占了先机。
如何搭建banner_海报设计？1
整理需求，收集信息:了解核心需求，为设计方向做准备。口号:传武(作品名称)文案:幽宅之力，逆转生死。漫画作品多，内容风格复杂，所以拿到需求后，第一件事就是“调查”作品。
通过阅读漫画作品，我们可以了解内容、故事和绘画风格，以确定定性设计的方向。
只有这样，才能在设计过程中准确把握作品的调性，设计出最符合合作产品风格的旗帜，将我们的作品精髓传递给用户。
比如上面的作品，SLOGAN的“武功”就是我们要重点设计和展示的。
副标题“富友的力量，逆转生死”也很重要，往往传达了作品的卖点和调性。
让我们看看我们得到的材料，一个简单的单人材料。看起来很单调，似乎没有可以切入的地方。
这时候就体现出先“调查”作品的重要性了！2
确定设计方向:明确设计方向，准确展现作品调性。通过阅读，我们知道这部作品是一部血腥、古老、奇幻的作品，有着大致的故事内容，结合我们的副标题“富友的力量，逆转生死”
脑子里已经开始有画面了。“富友”大概表达的是一个场景，而“力量”和“颠倒生死”传达的是一个壮丽的场景。
这为我们的设计方向奠定了准确的方向。
首先把我们的素材拉出来，复制到框架里，做个大概的排版，找感觉。
第一个左右排版太常规，在场景和气势上有点弱。
第二个加了漫画框，想切入一些故事内容，一起展示。
但有的强调漫画箱的存在，气势磅礴的场面没有展示出来。
但是注意右边部分，把主标题安排在人物两侧似乎是个不错的选择！让我们从这里开始。
我又试了一次，发现这样的布局好像就是我们想要的感觉！既然已经确定了框架，就继续朝着这个方向加强“气势”和“力度”的感觉。
我们以人物为中心，想象画面中有一股力量从人物背后“生成”，那么我们的字体就可以设计成里面有一些趋势，围绕一个弧线向外生长。
创造一种“力量”的感觉，用大背光从人物背后照射的视觉产生。
三
色彩选择:遵循之前确定的设计方向，细化色彩选择和搭配。
我的方法一般是从材料本身出发，根据想要的视觉风格延伸出想要的配色。
这样得到的色彩更加融合，人物素材可以更好的融入背景氛围，也方便后期的调整。
观察材质，我们发现他的颜色都是灰色，缺乏对比，会显得很“平淡”，很难营造出我们想要的感觉。
所以从人物素材本身的颜色出发，可以提取相同的颜色，提高饱和度。
结合有利于运营推广的视觉需求，“吸睛”
获得具有更强对比度的后一组颜色。
四
深度人物塑造优先:画面中最重要的肯定是我们的口号和人物，这是我们应该重点关注的对象。
剩下的字幕、背景气氛也随之而来。
不仅要在排版上有所差异，还要在视觉体验上有所差异。
这样才能有距离感和真实感，增加空间感。
我们希望图片有一定的质感，增加它的冲击力。
所以我们在描绘背景的时候，可以选择漫画中一些比较好的场景，或者是扉页的背景素材作为底图。
叠加一些纹理材质，然后一层一层的打磨背景，用“叠加”、“柔光”、“滤色器”等图层属性慢慢提升亮度，最终达到想要的效果。
提示1:同一光源的照射到达不同的物体时，其视觉表现是不同的。
不是光源是什么颜色，而是在它发光的地方会是什么颜色。
我们来对比一下两种颜色的实际效果，可以说非常直观！技巧二:为了将素材更完美地融入背景，我们可以在后期人为地给素材添加一圈高光/轮廓。
这让画面更和谐，也让我们的角色更立体！
我们来对比一下不加轮廓光的感觉:确实缺少一些味道和细节。哈哈，其实很多时候，我们可以对自己的素材进行二次加工，提高其质量，配合画面达到更好的视觉效果。
五
SLOGAN的设计:主文案是在我们素描的基础上，结合整体画面的趋势提炼出来的。
(增加笔触和优化笔触)
主要有三层进行处理:颜色层(文字层):主要给出一个基本颜色；材质层:因为这两个字占的比重比较大，所以可以加入一些纹理细节，让画面更丰富，更吸引人；厚度层:让后面的光源在我们的文字上形成一圈高光，可以突出我们的文字。
加点光晕效果，然后把完成的广告语放上去看看效果。好像还不错。
一些学生可能想知道为什么这里有一个厚厚的字体层。我们先来看看对比图。我们可以看到质感和重量都比较少，在轻量风格下还可以，但是在我们现在的画面中就差一些，所以我们做了厚层来强调光线的视觉冲击。
之后主要是做一些符合我们画面氛围的浮动元素，丰富画面。
如果你会点手绘技巧就太好了！完了，这一步我们差不多达到了想要达到的效果，“气势”和“力度”的感受基本都在这样“朴实无华”的素材里表现出来了。
还是比较满意的，差不多可以投稿了！最后，观察全局，再看一遍，检查有无缝隙。
我发现我们的画面似乎有点干涩，红黄饱和度略高。
整体感觉不够清晰。
最后再做一个调整。
减少一些红色和黄色的饱和度，并在黑暗处(主副本的黑暗部分和图片周围的黑暗部分)添加一些紫色
增加冷暖对比会好很多。
技巧三:给整个图层盖章——在滤镜里找点别的——高反差保留，数值根据图片调整。
得到这样一层是不是很神奇？不要慌，把这一层的属性改成线性光来看，画面清晰多了，更有质感！最后看流程演变图:summary 1)梳理需求内容:通过阅读漫画作品，深入理解内容，收集整理信息；2)细化关键词扩展:尝试多种可行方案，最终确定设计方向；3)slogan的设计:必须符合画面和作品的调性，达到与画面相匹配的效果；4)控制细节:完成后，回头看全局，查漏补缺，力求做到最好！付出多少努力，就能得到多少回报！