整理需求，收集信息:了解核心需求，为设计方向做准备。口号:传武(作品名称)文案:幽宅之力，逆转生死。漫画作品多，内容风格复杂，所以拿到需求后，第一件事就是“调查”作品。
通过阅读漫画作品，我们可以了解内容、故事和绘画风格，以确定定性设计的方向。
只有这样，才能在设计过程中准确把握作品的调性，设计出最符合合作产品风格的旗帜，将我们的作品精髓传递给用户。
比如上面的作品，SLOGAN的“武功”就是我们要重点设计和展示的。
副标题“富友的力量，逆转生死”也很重要，往往传达了作品的卖点和调性。
让我们看看我们得到的材料，一个简单的单人材料。看起来很单调，似乎没有可以切入的地方。
这时候就体现出先“调查”作品的重要性了！2
确定设计方向:明确设计方向，准确展现作品调性。通过阅读，我们知道这部作品是一部血腥、古老、奇幻的作品，有着大致的故事内容，结合我们的副标题“富友的力量，逆转生死”
脑子里已经开始有画面了。“富友”大概表达的是一个场景，而“力量”和“颠倒生死”传达的是一个壮丽的场景。
这为我们的设计方向奠定了准确的方向。
首先把我们的素材拉出来，复制到框架里，做个大概的排版，找感觉。
第一个左右排版太常规，在场景和气势上有点弱。
第二个加了漫画框，想切入一些故事内容，一起展示。
但有的强调漫画箱的存在，气势磅礴的场面没有展示出来。
但是注意右边部分，把主标题安排在人物两侧似乎是个不错的选择！让我们从这里开始。
我又试了一次，发现这样的布局好像就是我们想要的感觉！既然已经确定了框架，就继续朝着这个方向加强“气势”和“力度”的感觉。
我们以人物为中心，想象画面中有一股力量从人物背后“生成”，那么我们的字体就可以设计成里面有一些趋势，围绕一个弧线向外生长。
创造一种“力量”的感觉，用大背光从人物背后照射的视觉产生。
三
色彩选择:遵循之前确定的设计方向，细化色彩选择和搭配。
我的方法一般是从材料本身出发，根据想要的视觉风格延伸出想要的配色。
这样得到的色彩更加融合，人物素材可以更好的融入背景氛围，也方便后期的调整。
观察材质，我们发现他的颜色都是灰色，缺乏对比，会显得很“平淡”，很难营造出我们想要的感觉。
所以从人物素材本身的颜色出发，可以提取相同的颜色，提高饱和度。
结合有利于运营推广的视觉需求，“吸睛”
获得具有更强对比度的后一组颜色。
四
深度人物塑造优先:画面中最重要的肯定是我们的口号和人物，这是我们应该重点关注的对象。
剩下的字幕、背景气氛也随之而来。
不仅要在排版上有所差异，还要在视觉体验上有所差异。
这样才能有距离感和真实感，增加空间感。
我们希望图片有一定的质感，增加它的冲击力。
所以我们在描绘背景的时候，可以选择漫画中一些比较好的场景，或者是扉页的背景素材作为底图。
叠加一些纹理材质，然后一层一层的打磨背景，用“叠加”、“柔光”、“滤色器”等图层属性慢慢提升亮度，最终达到想要的效果。
提示1:同一光源的照射到达不同的物体时，其视觉表现是不同的。
不是光源是什么颜色，而是在它发光的地方会是什么颜色。
我们来对比一下两种颜色的实际效果，可以说非常直观！技巧二:为了将素材更完美地融入背景，我们可以在后期人为地给素材添加一圈高光/轮廓。
这让画面更和谐，也让我们的角色更立体！
我们来对比一下不加轮廓光的感觉:确实缺少一些味道和细节。哈哈，其实很多时候，我们可以对自己的素材进行二次加工，提高其质量，配合画面达到更好的视觉效果。
五
SLOGAN的设计:主文案是在我们素描的基础上，结合整体画面的趋势提炼出来的。
(增加笔触和优化笔触)
主要有三层进行处理:颜色层(文字层):主要给出一个基本颜色；材质层:因为这两个字占的比重比较大，所以可以加入一些纹理细节，让画面更丰富，更吸引人；厚度层:让后面的光源在我们的文字上形成一圈高光，可以突出我们的文字。
加点光晕效果，然后把完成的广告语放上去看看效果。好像还不错。
一些学生可能想知道为什么这里有一个厚厚的字体层。我们先来看看对比图。我们可以看到质感和重量都比较少，在轻量风格下还可以，但是在我们现在的画面中就差一些，所以我们做了厚层来强调光线的视觉冲击。
之后主要是做一些符合我们画面氛围的浮动元素，丰富画面。
如果你会点手绘技巧就太好了！完了，这一步我们差不多达到了想要达到的效果，“气势”和“力度”的感受基本都在这样“朴实无华”的素材里表现出来了。
还是比较满意的，差不多可以投稿了！最后，观察全局，再看一遍，检查有无缝隙。
我发现我们的画面似乎有点干涩，红黄饱和度略高。
整体感觉不够清晰。
最后再做一个调整。
减少一些红色和黄色的饱和度，并在黑暗处(主副本的黑暗部分和图片周围的黑暗部分)添加一些紫色
增加冷暖对比会好很多。
技巧三:给整个图层盖章——在滤镜里找点别的——高反差保留，数值根据图片调整。
得到这样一层是不是很神奇？不要慌，把这一层的属性改成线性光来看，画面清晰多了，更有质感！最后看流程演变图:summary 1)梳理需求内容:通过阅读漫画作品，深入理解内容，收集整理信息；2)细化关键词扩展:尝试多种可行方案，最终确定设计方向；3)slogan的设计:必须符合画面和作品的调性，达到与画面相匹配的效果；4)控制细节:完成后，回头看全局，查漏补缺，力求做到最好！付出多少努力，就能得到多少回报！
常见的横幅海报有哪些？01.重心类型
重心布局的Banner容易让访客产生视觉焦点，界面效果强烈突出。其中最常见的就是对比的方式。
差别越大，对比越明显，可以让特定元素更加显眼。反之，差异越不明显，重要的元素和信息就不能体现出来，就不会给读者强烈的印象。
02.拼合式
分割可分为上下分割和左右分割。因为banner一般高度较窄，所以左右分体式会比较常见。上下分开的横幅很少见。
左右分割将整个版面分为左右两部分，文案分别排在左边或右边。当左右部分形成强烈对比时，会造成视觉心理的不平衡。但如果界限模糊，或者文字左右重复或穿插，左右图文就会变得自然和谐。
03.倾斜型
斜横幅比较个性化，出现在一些设计公司或者运动品牌的网站里。版面主体形象的斜向设计，造成版面中强烈的动态和不稳定因素，更引人注目，有时被归为左右分割型。
04.完整版本类型
整版banner通俗易懂，通常版面全是图片，以图片为主，视觉传达直观性强。
文字的排列是压在图像的上下左右或中间。完整版给人一种大方舒展的感觉。
05.曲线类型
图片或文字在版面结构上以弯曲的方式排列，产生节奏感和节奏感。出现在运动旗帜设计中。
将许多相同形状的元素以各种角度排列，可以营造出节奏感。仅此一项就能创造跳跃的节奏。
06.对称型
对称的布局给人一种稳重、庄重、理性的感觉。对称有绝对对称和相对对称。一般采用相对对称。以免过于严格。横幅对称一般是左右对称。
07.四边形类型
四角型是指布置在版面四个角上的图形和连接四个角的对角线结构。这种结构的布局给人一种严谨和规范的感觉。下图是四边形的一种，也运用了左右分割的排版设计技巧。找到了吗？
不同的排版可以给人不同的视觉感受，好的排版会让banner更加出彩。布局没有绝对的好与坏，只有适合与不适合。
统计banner的设计元素/类型/风格/设计步骤。banner对于一个设计师来说绝对不是一个陌生的词。目前banner的需求基本涉及到各个行业领域。无论是网页端还是移动端，我们都随处可见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创意线条图形海报设计
教你调色技巧，摆脱调色困境！
创新的海报设计理念