横幅设计模板——如何用PS软件设计一个优秀的横幅
横幅通常使用图形和文本的组合来显示关键内容，并经常作为广告资源出售。
1._ Fanbi吕当
根据横幅的位置确认更新频率。一般流量越高，横幅更新频率越高。尽量做到日班，最多不超过三天。
如果banner的流量差，运营辛辛苦苦做的内容没有流量，就要积极和产品经理沟通，完善banner的位置设计和展示入口。
2.确定列
我为我的产品banner (1)、高质量的内容展示(2)用户互动话题(3)重点推广的产品/商品设置了以下三个栏目。
每周横幅展示试图涵盖上述三个栏目，以保持内容的灵活性和新鲜感。提前一周准备banner内容，确定日程。
3.通过调度表进行管理
1.统一设计模板
下图是今天在某酒店App的横幅位置展示的三个横幅。
虽然每个图像都经过精心设计，但看起来很乱。我不喜欢这种风格。Banner所呈现的内容和视觉效果影响着整个产品的调性。所以我认为大多数横幅应该有一个统一的设计风格。
例如，以下产品的banner基本上采用统一的模板。
以上app均已模板化banner，整体看起来更加统一清爽。有了统一的模板，就不用每次更新banner都要设计制作图纸，操作者可以自己修改文案和图纸。
所以正规栏目的banner设计模板很重要。需要与设计师沟通确认以下内容:
(1)banner的整体视觉风格，选择背景图片的色域范围和图片风格(此处请注意图片版权)。
(2)文字的排版方法，并确认字体、字号、颜色和位置。
有了这个模板作为基础保障，运营就能快速做出合适的横幅图。
还应该指出的是:
(1)定期更换模板，避免审美疲劳。
(2)除固定模板外，也接受各种设计方法。还是要注意设计风格的统一。
如何用PS软件设计一个优秀的横幅图主要关注以下几点:
(1)配色一定要搭配，视觉上要协调。
(2)元素要简单、突出、清晰，突出设计主题，避免复杂繁琐的元素。
(3)空间规划要合理，避免元素过于密集和过于稀疏的现象。
(4)衔接、自然和张力过度，避免突兀现象。
具体的设计取决于设计师对设计主题的把握，以及他对设计的看法和以往的经验。通过加强这些练习，结合起来，就能设计出更有吸引力的作品。
下面简单分析一下Banner做的套路，以及日常素材的积累和处理突发任务时的思考。
作为设计师，在工作中，我们可能会遇到下午给方案，下班前留下横幅的情况。也许我们对banner的制作方法很熟悉，但意外情况总是让我们措手不及。
猝不及防的结果会导致我们的设计输出质量下降。毕竟合理的时间保证对设计很重要。
下面说的快速制作banner的方法，需要我们平时的积累和设计软件的合理使用。
Banner的结构大致分为三层:背景层、装饰层、文案层。背景层将建立整体横幅的风格或颜色匹配；装饰层起到装饰作用，可以控制整体布局的平衡；文案层是核心内容的展示，主要展示主要人物。三个层次相互结合，支撑起整个旗帜。
Banner常见的排版:①左右排版，②居中排版。
由于文案字数的限制、选用的搭配元素、产品的属性等原因，格式的选择需要根据实际情况来判断。
常见的横幅构图风格组合有:平铺式、环绕式、斜切式、斜切式、放射式、等距式、三角式等。
背景层、装饰层和复制层密切相关。
比如背景层的设计过于复杂，内容文字的处理就会趋于简洁，反之亦然；并且装饰层不必存在于每个横幅中。当背景图层中的内容已经比较丰富时，可以删除装饰性的内容。
当背景是纯色时，就要适当添加装饰。还可以对人物进行加工，增加吸引力，避免整体的单调。
背景的类型大致可以分为四种:合适的图形、字体、颜色和图片。
图片包括写实图片和卡通图片；颜色分为纯色或渐变色；字体放大也可以作为背景；矢量图包含许多组合。简单的圆形和方形。甚至可以在背景中使用点和线的组合。每当节日临近，也可以搭配一些合适的节日风格的图形进行设计。
装饰点缀要锦上添花。不能因为视觉效果而盲目添加过多的装饰，会误导用户，造成混乱。不利于文案内容的传播。
适当的点缀和修饰可以使页面避免单调；还可以平衡banner的元素，让视觉效果更加和谐。同时，文字的运用也是装饰的关键。
例如，根据产品属性的不同，财务横幅可以搭配更小或更细的字体。同时用点状分布，营造高端感；电子商务横幅可以用渐变圆圈或线条装饰。目的是建立一种欢快的、促销的感觉，吸引用户点击。
①在①banner的设计中，文案字数也很重要。过多的文字或复杂的内容不仅不会让用户知道文案的内容，反而会让用户感到麻烦。我理解给设计师内容的伙伴把活动解释清楚的初衷。但在注重用户体验的当下，人们的耐心显然是无法接受文字太多的图片的。
所以，当我们收到文案字数过多时，要在第一时间果断提出自己的想法。文案中的卖点和痛点是最重要的两个部分，其他内容可以省略。
同时，字数太多也是我们设计的一个难点。对于一张小尺寸的图片，仅仅放几行文字可能无法安排其他的版面设计。
②字体主要分为衬线字体和非衬线字体。衬线字体笔画修饰粗细不一，参考宋体；非衬线字体比较横平竖直，笔画粗细一致。Serif字体多用于具有古典风格或民族风格的横幅设计中。无衬线字体的应用范围很广，可以用在大部分横幅上。
(3)文案分为主标题和副标题。主标题自然是最简洁醒目的部分，而副标题可以是对主标题的解释，也可以是主标题之后的新文案。区分匹配帮助用户在第一时间区分主次文案，让页面更加协调。
好的配色需要一定的配色基础和日常实践的积累。但是遇到特殊情况，显然不会给我们在色彩上留太多时间。因此，我们需要一些辅助的方式来完成配色工作。
这里我推荐两个网站:①
/
②
第一个网站会推荐很多好的配色，很多是我个人喜欢的；第二个网站是materialdesign官网的色彩部分。其中Colorpalettes是我们输入颜色后自动生成搭配的。
有了这两个网站的配色加持，设计banner的时间会大大缩短。
当banner的设计完成时，我们的工作可能不会就此结束。在设计APP产品之初，如果我们在不同页面的很多地方设计了大小不一的banner区域，方便操作和推广，那么后期再去修改这些大小，会让我们很头疼。也许我们需要把一张图改成七八个横幅。而且有些图片的大小是不规则的。
所以在设计APP之初就要想到这样的情况。设计banner时，设置统一比例，方便后期修改；同时要利用photoshop中智能对象的功能快速修改大小。
要在极短的时间内设计出效果好的横幅，除非能力强或者自信，我能想到的方法就在于平日的“积累”。
文中提到的背景和装饰都是碎片化拼接的内容。我们可以在工作或工作日设计足够的材料，所以在时间紧张的时候拼接是有好处的。
在文字和字体方面，可以分析一下平时文案中的一些“套路”；分析其中经常提到的几个相似度高的词或者标题来设计字体。
不管是简单的还是复杂的，把平日里制作的元素和素材进行整理总结，建立自己的素材库。这样，面对毫无准备的任务，我们就不会惊慌失措。花瓣或鹰是两个很好的材料分类工具。
说到抄袭，就不得不提另一个词“抄袭”。其实对于抄袭的认定是见仁见智的。每个人都有自己的界限。而我能想到的避免抄袭的方法就是“刻意改变”。以下面的小人为例。
说到抄袭，就不得不提另一个词“抄袭”。其实对于抄袭的认定是见仁见智的。每个人都有自己的界限。而我能想到的避免抄袭的方法就是“刻意改变”。以下面的小人为例。
和日常收集整理元素一样，模板也是需要提前准备好的。我们需要找准产品定位，设计出过去为banner量身定制的模板。可以参考原型图做出黑白排版样式。
至于上面提到的大小问题，我们可以通过放置链接的智能对象，快速批量修改banner的大小。
①筛选出大小或形状相似的横幅；
(2)找出关键的横幅尺寸，以此作为画图的基准；
③banner中文案文字的高度范围应在众多尺寸中高度最小的banner的尺寸范围内。
④在基准尺寸图中设计。打开其他大小的PS文件，选择文件-放入链接的智能对象-调整大小。这样，当我需要调整时，我只需要修改基准横幅图。
作为一名设计师，我相信我不希望遇到需要临时绘图的情况。但我们也需要为这种情况做好准备，以确保时间紧迫时我们的设计输出质量。所以日常的收集和积累尤为重要。