第1个回答 2024-05-15
了解banner概念及应用
1.什么是banner?
Banner可以作为网站页面的横幅广告，也可以作为游行活动时用的旗帜，还可以是报纸杂志上的大标题。Banner主要体现中心意旨，形象鲜明表达最主要的情感思想或宣传中心。
2.banner的具体形式
一般是比较长的放在网页抬头的图片形式。比较高的图片。长短不一的各种图形形状。不管是侧边栏广告、焦点图、专题页的头图，我们都可以理解为师banner，在设计方法上，其实都是共通的。
3.banner的用途
1)大家经常在各种大大小小的网站都能看到的广告banner或者焦点图，它们都有大有小、可长可短，但是他们共同的作用就是通过各种方式引导你去点击、渲染气氛。
2)大家通常可以在各种游戏网站，房地产网站，各种活动专题页中见到，也就是大家常说的头图，这种类型的banner通常并不是引导用户去触发点击，而是服务于内容，为整个页面做好气氛的渲染。
Banner包含的三个部分
1.文字(占主导地位)
大家都知道我们从图形上解读信息的能力是要大于单纯的阅读文字，但是在banner的设计中，大多数情况下我们都是通过文字来了解信息，图片知识起到一个衬托的作用，做banner的时间分配里对字形的处理可能要占到50%甚至更多的时间。
1)需要对文案内容负进行处理使内容更符合信息传递，如果主标太长，需求方不舍得删文字的情况下，对主标中重要关键字进行强调，突出主要的信息，弱化非关键词。整体文字太短，画面太空，可以用一些辅助信息丰富画面。如加点英文、域名、频道名等。
2)需要考虑到字形文本主要包含标题和辅助性的文本。标题部分一般需要进行些设计处理，提高画面的艺术感和吸引力。钢笔造字是在做字形设计上一个比较讨巧的方法，但却又十分有效。笔画连接，做笔画连接时只有合理的安排需要连接的笔画，在笔画收尾和边缘做一些简单造型处理，那么都会出来一个比较好的视觉效果。在做笔画连接时推荐使用一些笔画粗细比较统一的非衬线字体。形状替换：根据文字的具体含义来设计字形的一种方法。比如把卖表的文案中出现陆搏迹“时间”把日字旁换成钟表。卖服装，把“装”字的衣字底改成衣服的团等，这种设计往往带来新奇的视觉效果。
3D设计：如果要在banner中想突出文字，把文字做成3D效果可谓是最“粗暴”的一种解决方法，只要处理方法得当也可以达到很好的效果。可以通过对多个文字副本移动，或重复变形，做出简单的立体效果。
2.主视觉图
主视图觉部分一般放置产品图、任务模特等。产品图的选用要切合题义，不过这部分，大多一般都会有素材提供，不需要我们过多花费精力。需要注意的是，在使用补充素材时，要保证图片清晰，部分图片不清时，可以使用如花滤镜处理一下。一些扣图，调整图片色彩等操作，这些都是通用技术。
3.背景
背景部分可以烘托出整体气氛。三种类型的背景:第一种使用的是纯色的背景，通常这种设计使整个画面显得很清新、简洁。第二种是渐变型的，可以增加设计的效果，使整个画面更加绚丽，一般一些科幻类可以用到。第三种是带有复杂背景的，一般用在特殊的专题当中，用于烘托出主题的特点。背景的选择需要根据网站和主题的风格来予以确定。比如历史专题频道，则会选择复杂的背景图片来烘托气氛。而清新现代风格的网站可能会选择浅色背景。对比不足的时候，可以对文字后背景虚化处理、减淡背景色。
Banner制作的套路分析以下内容是我在制作banner时的简略分析，以及平日素材的积累和应对突发任务时的思考。作为设计师，在工作中我们可能会遇到下午给方案，下班之前出banner的需求。也许我们对于制作banner的方法轻车熟路，但突发的情况总会让我们措手不及。措手不及的结果就会导致我们设计产出物的质量有所下降。毕竟，合理的时间保障对于设计来说还是非常重要的。下面提到的快速制作banner的方法，需要我们平时的积累，以及对设计软件合理的运用。
Banner的结构大致分为三层:背景层、装饰层、文案层。背景层会确立整体banner的风格或配色；装饰层起到点缀作用，并可以控制整体版式的平衡；文案层是核心内容的展示，以展示主要文字为主。三层级互相组合搭配，从而支撑起整个banner。
Banner的常见版式:①左右排版、②居中排版。受到文案字数限制、所选搭配元素、产品的属性等原因，版式的选择需要根据实际情况进行判断。常见的banner构图样式组合有:平铺样式、环绕样式、倾斜样式、斜切样式、放射样式、isometric样式、三角样式等。背景层、装饰层、文案层，三者之间有着密切的关系。比如:背景层设计的过于复杂，那么内容文字的处理就要倾向于简洁，反之亦然；而装饰层也并不是必须要存在于每一个banner当中。当背景层中内容已经很丰富的时候，装饰的内容可以删去。当背景为纯色时，需要适当的添加点缀物。而且可以对文字进行处理增加吸引力，避免整体的单调。背景的种类大致分为适量图形、字体、颜色和图片四种。图片包括写实图片和卡通图片等；颜色分为纯色或渐变；字体放大也可以当做背景；矢量图包含的组合有很多。简单的圆形、方形。或者是点、线的组合都可以运用在背景中。每当节日临近，也可以匹配一些节日风格的适量图形进行设计。
装饰的点缀应该是锦上添花的。不能盲目的因为视觉效果而添加过多的装饰，这样反而会误导用户，造成混乱的感觉。适当的点缀和修饰，可以让页面避免单调；也可以使banner的元素之间达到平衡，视觉效果更加和谐。同时，文字的运用也是装饰点缀的关键。根据产品属性的不同，举例说明:金融类的banner可以使用较小或较细的字体进行搭配。同时，使用点状分布排列营造高端感；电商类的banner可以使用渐变的圆形或线条进行修饰。目的是搭建出欢快的、促销的感觉，吸引用户点击。
①banner的设计当中，文案字数的多少也至关重要。过多字数或复杂的内容非但不能让用户清楚文案要表达的事情，反而会让用户感到麻烦。我明白交给设计师内容的小伙伴想把活动解释清楚的初衷。但在注重用户体验的当下，人们的耐心显然是无法接受过多文字的图片。因此，当我们接收到的文案字数过多的话，要第一时间果断提出自己的想法。文案中的卖点和痛点是最重要的两个部分，其他内容都可以省略。同时，过多的字数也是我们设计当中的困难。较小尺寸的图片，可能单单放几行文字就已经无法再安排其他的布局设计了。
②字体方面主要分为衬线字体和非衬线字体。衬线字体的笔画有修饰，且粗细不同，参考宋体；而非衬线字体就比较横平竖直，笔画粗细相同。衬线字体大多用在古典风格或民族风格的banner设计当中。非衬线字体适用的范围就比较广，可以说绝大多数的banner中都可以运用。
③文案分为主标题和副标题。主标题自然是最精简也是最抢眼的部分，而副标题可以是主标题的解释说明，也可以是接主标题的新文案。区别搭配有助于用户第一时间分辨出文案的主次，让页面更加协调。
好的配色需要一定的配色基础以及日常练习的积累。但是当遇到特殊状况时，显然并不会在颜色上留给我们有太多的时间。所以，我们就需要一些辅助的方式来完成颜色的搭配工作。这里我推荐两个网站:①colorcombos.com ②materialdesignpalettes.com。其中的Colorcombos在我们输入颜色之后自动生成搭配。有了这两个网站的配色加持，会大大缩短我们设计banner的时间。
当banner设计完成后，我们的工作可能并没有就此结束。在设计APP产品之初，如果我们在不同页面的很多地方都设计了不同尺寸的，便于运营做推广的banner区域的话，那么后期我们在修改这些尺寸的时候就会非常头疼。可能一张图我们需要改成七八张banner。并且有的图片的尺寸并没有规律可言。因此，我们在设计APP之初，就要想到这样的情况。在设计banner时，设定好统一比例，方便后期更改；同时，要运用photoshop中的智能对象等功能，快速修改尺寸。
要在极短的时间内设计出效果不错的banner，除非能力强悍或是胸有成竹，我能想到的方法就在于平日的“积累”。文中提到的背景、装饰，都是碎片化可拼接的内容。我们在工作或平日里可以设计出足够的素材，那么在时间紧迫的时候进行拼接就好。文字字体方面我们可以分析出平时所给文案中的一些“套路”；分析里面总是会提到的几个字或者是相似度很高的标题，来进行字体的设计。无论是简单也好、复杂也好，把平日里制作的元素素材进行整理归纳，建立自己的素材库。这样，在面对措手不及的任务时才不至于慌乱。花瓣或者Eagle就是两个不错的素材整理工具。
提到临摹，我们就不得不提到另一个词“抄袭”。其实，抄袭的认定是见仁见智的。每个人都有自己的认定界限。而我能想到的避免抄袭的方法，就是“刻意改变”。以下面的小人为例:详情