如何设计好Banner需要注意的几点

活动banner如何提高点击率，有哪几点要素，举几个做得好的例子分析一下~

如何打造高点击率BANNER

网站BANNER是互联网中非常常见的一个东西，基本上所有的网站上都有BANNER图片，有的为了推广品牌、有的突出产品、有的做广告，企业选择BANNER主要是因为便宜、效果可监测、行之有效。并且BANNER图片不仅能概括网页还且还能为网站增加色彩，所以一直到现在BANNER一直是站长们青睐的一种形式。既然BANNER是用来展现的，那么我们如何利用BANNER的优势提高BANNER的点击率呢？下面是199it给出的建议。

1.Banner尺寸

理想情况下，如果不限空间，那么Banner可以按照以上的尺寸进行设计。

2.务求简约

设计越简约，内容越清晰，用户便能更迅速的看到Banner广告，用简单的搭配突出核心文字，不要做得非常复杂，用户半天看不懂什么意思。我们要的就是第一眼就知道。同时Banner需要与整个站点协调，不要显得格格不入。

3.层级分明

Banner设计首先要了解的、也是最重要的便是：设计的目的是为了提升品牌知名度，提高网站流量。所以我们在做Banner的时候要注意层次的分配。并且设计一定要和品牌形象一致，不要纯粹为了美观。

公司 logo: Logo设计必须能够提升品牌知名度。在视觉上，要让Logo在Banner众多元素中脱颖而出。

价值主导:通俗的讲，通过产品或服务的卖点来吸引用户消费，这一部分一般占据了Banner的大部分空间，而且要引起用户的注意。比如特价998.

行为召唤:一般由文本或者按钮构成，比如”点我”、”了解更多”、”现在注册”。行为召唤是Banner广告中的视觉焦点，支持浏览者点击深入。

4.清晰的边框

从左到右: Android, Netflix,Bing，人眼会自然的观察框架中的物体，Banner广告的边缘最好有清晰的边框。

5.恰当利用按钮

按钮能够提高点击率，有效的引起因为召唤。一般在右下角，采用对照感比较强烈的色彩。

6.文本清晰可见

Banner中的文字非常重要，能直接传递给用户信息，帮助用户决策，一般情况不要使用非主流字体、潦草的字体、过于纤细的字体、全大写字体、小于10pt的字体。

7.正确的文件格式

.JPG, .PNG, .GIF, 或者 Adobe Flash格式都可以，能够让你的广告有效的传递。如果是FlashBanner，记得要转换成.GIF格式，这样就能获取全设备支持，也便会有更多的人浏览Banner。并且在展现清晰的同时，文件越小越好，最好小于150kb，因为用户一般登陆一个网站会直接向下翻动，因此，如果能够迅速载入，就能第一时间让用户看到Banner广告。不要指望用户等加载。

8.打造一种紧迫感　

通过使用粗重、对照分明的字体，打造一种视觉上的紧迫感。让用户迫不及待的购买、点击。不过这招偶尔试一下还行，不能总用。

9.合适的色彩

谈到网站搭配色彩，不妨多看看优设网的一些文章，这里就不详谈了。还有，设计Banner时要用RGB色彩模式，因为一般都是在屏幕上看广告的。

10.尝试一下动效

动态广告总比静态广告更醒目，能有效引起行为召唤，但一定要确保动效设计清晰、直接、不偏题。不超过15s、简约的动效最好，一般不要重复播放超过10次。

可以去仿图网 那里面有好多设计师可以接活 比如淘宝店铺模版 logo设计 你可以去看看 还有我图网 你可以上传一些模板 好多关于淘宝的 别人下载时收费的 所以也有一定的提成
你可以考察一下看看规则 具体也可联系他们客服 希望采纳 谢谢！

接下来，智网互联为大家总结累一些，如有鄙陋，请指正，万分感谢。当今，无论任何一款互联网产品，都需要搭载PC平台进行推广，Banner更是推广的一大利器，怎么将Banner设计好就成为一个需要探讨研究的课题。Banner规格尺寸大小不一，文件大小也有一定的限制，这就使得在设计上增加了许多障碍，颜色不能太丰富，否则会在文件大小的限制下失真，软文不能太多，否则会没有重点，得不偿失，怎么在方寸间把握平衡，变得十分重要。接下来，我为大家总结累一些，如有鄙陋，请指正，万分感谢。第一部分：颜色1．Banner与环境对比试想如果在一个以浅色调为基准的网站上投放Banner，是不是从明度上拉开对比会很好的提高用户的注意力呢（相反亦然）。以此也可推想出，如果在一个有颜色基调的网站上投放补色或者对比色的Banner，效果就会变得更瞩目（补色和对比色案例）。2．Banner颜色简单至上（1）试想一个Banner五颜六色，是不是就能够吸引眼球了呢？首先，先对比一下哪个更吸引你的注意力呢？大多数人肯定会觉得后者给用户带来的视觉传达力更强，简洁明确、朴素有力的效果，给人一种重量感和力量感。前者颜色虽多，却没有带来更好的视觉传达效果，为什么呢？颜色过度使用会打乱色彩节奏，并且，减弱了颜色间的对比，使整体效果变弱。（2）其次， 使用颜色越多，最后保存时文件体积越大，加载起来越慢，让用户等待就意味着和用户说再见了，如果靠降低品质来达到Banner的上传要求，那展现给用户的是低质量的banner，也一样会丢失一些用户。所以，颜色简单有力，加载清晰快速，对于banner的视觉传达很重要，只要让用户产生点击欲望，我们推广的目的就达到了。第二部分：构图1．构图的定义及规则构图其实说白了就是经营画面，进行布局，如何在你构图的引导下吸引用户点击，产生欲望，了解内容，如果都能达到，那说明你的构图成功了。构图的基本规则是：均衡、对比和视点。均衡：均衡不是对称，是一种力量上的平衡感，使画面具有稳定性。均衡不是对称对比：在构图上来说就是大小对比，粗细对比，方圆对比，曲线与直线对比等等。白色线条的对比产生了空间感视点：就是如何将用户的目光集中在画面的中心点上，我们可以用构图去引导用户的视点将视点集中引导到slogan上介绍完构图的基本规则，举例子检视下：一张X-MEN的宣传banner，这张banner人物排布既平衡又不对称，人物大小不一，产生出对比，突出了部分剧中人物。Banner正中一个大大的X，把视点集中到了画面的最中心，很好的利用基本构图规则进行banner设计。2．构图的样式构图大概分以下几种：（1）。垂直水平式构图 （2）。三角形构图（正三角和倒三角）（3）渐次式构图 （4）。辐射式构图 （5）。框架式构图 （6）对角线构图（1）垂直水平式构图：平行排列每一个产品，每个产品展示效果都很好，各个产品所占比重相同，秩序感强，此类构图给用户心情：产品规矩正式、高大、安全感强。（2）正三角形和倒三角构图：多个产品进行正三角构图，产品立体感强，各个产品所占比重有轻有重，构图稳定自然，空间感强。此类构图给用户心情：安全感极强、稳定可靠。多个产品进行倒三角构图，产品立体感极强，各个产品所占比重有轻有重，构图动感活泼失衡，运动感空间感强。此类构图给用户心情：不稳定感激发用户心情，给用户运动的感觉。（3）对角线构图：一个产品或两个产品进行组合对角线构图，产品的空间感强，各个产品所占比重相对平衡，构图动感活泼稳定，运动感空间感强。此类构图给用户心情：动感十足且稳定。（4）渐次式构图：多个产品进行渐次式排列，产品展示空间感强，各个产品所占比重不同，由大及小，构图稳定，次序感强，利用透视引导指向slogan。此类构图给用户心情：稳定自然，产品丰富可靠。（5）辐射式构图：多个产品进行辐射式构图，产品空间感强，各个产品所占比重不同，由大及小。构图动感活泼，次序感强，利用透视指向slogan，此类构图给用户心情：活泼动感，产品丰富可靠。（6）框架式构图：单个或多个产品框架式构图，产品展示效果好，有画中画的感觉。构图规整平衡，稳定坚固。此类构图给用户心情：稳定可信赖，产品可靠。3．软文（Slogan）（1）俗话说得好“话不在多，精辟就行”当今炙手火热的微博就是一个例子“140字概括你要说的”，Slogan也是一样。（2）要言之有物，第一要抓住用户的心里，了解用户的想法很重要。第二我们要推给用户什么，用户对什么感兴趣。下面举个例子：Slogan只有四个字，终于来了，白色iphone4吊足了apple迷门近两年的胃口，这四个字恐怕是他们最想听到的。用户从不会质疑apple的性能，科技领先性及用户体验性，他们最想的恐怕就是拥有自己梦寐以求的白色iphone4。

banner设计的四大注意事项：
· 如何使banner设计具有创意
· 从banner设计的角度谈如何
· 网站banner设计的常用尺寸
· 什么是banner设计？
一般来说，网站制作一个banner分为两个部分，文字和辅助图。虽然辅助图站的面积比较大，但如果不加入文字说明的话，客户就会看不懂你做的banner要表现什么、要说明什么，所以文字是整个banner的主角，我们在制作banner的时候特别要注意对文字的处理和摆放。
banner的设计质量严重影响着整个网站页面的质量，一个好的页面、好的banner能够吸引浏览者的眼球。虽然banner只是网页页面中一个小元素，但是这个小元素往往能够起到关键性的作用。所以在进行banner设计时需要引起足够的重视。下边是在banner设计中容易出现的一些小问题，请引起重视。
1、banner设计中的文字注意事项
一般来说，网站制作一个banner分为两个部分，文字和辅助图。虽然辅助图站的面积比较大，但如果不加入文字说明的话，客户就会看不懂你做的banner要表现什么、要说明什么，所以文字是整个banner的主角，我们在制作banner的时候特别要注意对文字的处理和摆放。
①分清主标和副标，从主次上来说，主标为主，字体要大颜色要醒目。副标起到从内容上和形式上都辅助主标的作用。一个好的banner标题文字处理都比较饱满，比较集中。
②如果主标太长，需求方不舍得删文字的情况下，对主标中重要关键字进行权重，突出主要的信息，弱化‘的’、‘之’、‘和’‘年’‘第X届’这种信息量不大的词。
③如果需求方整体文字太短，画面太空，可以用一些加入一些辅助信息丰富画面。如加点英文，域名，频道名等。
2、Banner有动态和静态两种。在浏览网页的过程中，虽然闪烁的图案会产生瞬间记忆刺激，引起注意，但这种记忆往往为压迫性的，久之易产生负面效应，从而模糊记忆。而稳定的画面不易引发特殊的关注，但如果有良好的界面引导和内容，可产生良性的记忆，持久而牢固。根据粗略统计，100个Banner里面有1/3是静态的。
3、Banner的“重量”要轻。以468×60的Banner为例，最好是15K左右，不要超过22K。而88×31的Banner最好在5K左右，不要超过7K太大的会引起网页打开速度，导致浏览下降，这里面也有个量的问题，太多的广告而影响浏览者浏览网页，导致反感这也是一个问题。所以放广告条的时候要考虑到广告的大小和多少，还有就是搭配问题。
4、从banner设计上来看，需要注意：
①Banner的文字不能太多，用一两句话来表达即可。
②广告语要朗朗上口，可以第一时间的让人捕获表达的重点。
③图形无须太繁杂，文字尽量使用黑体等粗壮的字体，否则在视觉上很容易被网页其他内容淹没。
④图形尽量选择颜色数少，能够说明问题的事物。
⑤如果选择颜色很复杂的物体，要考虑一下在低颜色数情况下，是否会有明显的色斑。
⑥尽量不要使用彩虹色、晕边等复杂的特技图形效果，这样做会大大增加图形所占据的颜色数，增大体积。
⑦产品数量不宜过多。很多广告主总是想展示更多产品，少则4-5个，多则8-10个，结果使得整个Banner 变成产品的堆砌。Banner 的显示尺寸非常有限，摆放太多产品，反而被淹没，视觉效果大打折扣。所以，产品图片不是越多越好，易于识别是关键。

---

武义县13282291839： 如何设计好Banner需要注意的几点 - ？
廉聂前列： banner设计的四大注意事项:· 如何使banner设计具有创意 · 从banner设计的角度谈如何 · 网站banner设计的常用尺寸 · 什么是banner设计?一般来说,网站制作一个banner分为两个部分,文字和辅助图.虽然辅助图站的面积比较大,但...

武义县13282291839： 设计网站Banner图需要注意哪些地方 - ？
廉聂前列： 1、了解banner图的组成要素以及风格.这一方面要是根据企业的整体特点来进行定位,为的就是能够设计出更加符合企业形象以及企业理念的banner图.2、banner图的排版.这一点个人觉得不光是banner图在设计时才注意,在网站排版、网页排版时都应该注意.3、banner图的切片.这一点必须注意,因为图片没有处理好,在一定程度上会影响网站的访问速度,网站的访问速度如果不是很好,就会影响网站的浏览量以及点击率.还有就是图片的显示大小以及兼容性,使图片能在大部分的浏览器以及设备上展示出来,这样就不会影响网站的整体美感,方便用户的查看.4、banner图的字体可以混搭.字体混搭能够更好的展示相关信息以及更加吸引用户的注意力.

武义县13282291839： 如何设计好Banner中的文字 - ？
廉聂前列： banner画面中需要留空,留空可以使图形和文字有呼吸的空间. 总结 通过以上总结出,我们在设计制作Banner时,需要注意以下几点 1.突出产品及其特征,采用有吸引力的宣传用语,适当弱化公司名称和标识; 2.图片并非越多越好,突出重点是关键,必要的产品说明不能少 3.合理安排画面内容,做到主次对比鲜明 4.颜色不宜过度夸张,努力营造愉悦、舒服的感观感受

武义县13282291839： 如何做一个好的电商Banner - ？
廉聂前列： 如何打造电商banner的设计感?层次感?对于电商美工来说,设计感和层次感是作品的追求,电商banner设计,用有限的空间,展示店铺的核心元素,考验的就是美工的设计感. 首先层次感是banner主、次、辅的一种划分,翻门首先要分析出...

武义县13282291839： 深圳网络公司中文网页制作该如何做好banner设计？
廉聂前列： .所以中banner的设计也就是成了很多网站设计师力图完美的关键点.2、图片并学习了,不错,讲的太有道理了,

武义县13282291839： 怎样设计banner - ？
廉聂前列： 那么Banner到底是什么呢?Banner的核心使命其实是吸引用户关注,然后被点击.他的主旨就是主题明确,突出关键内容,抓住用户眼球. 一个Banner他是由“背景、主视觉和标题文字”三部分组成,在我刚刚接到需求的时候,我首先分析他...

武义县13282291839： 网页banner 制作技巧 求高人指点...不是指软件操作 是设计思路.. - ？
廉聂前列： 手打!!1. 先写文案 不能多 BANNER本来就那么小 有一个突出就可以了 2. 定主色 主色最好就一种 配色也不要多 二三种就好 可以是相近的 也可以是突出的 看你的构思 3. 主图 指的是你的背景或其中的最大的图片 要求也简单 就是要好看 其它就是细节的调整了

武义县13282291839： 如何打造高点击率BANNER - ？
廉聂前列： 如何打造高点击率BANNER 网站BANNER是互联网中非常常见的一个东西,基本上所有的网站上都有BANNER图片,有的为了推广品牌、有的突出产品、有的做广告,企业选择BANNER主要是因为便宜、效果可监测、行之有效.并且BANNER...

武义县13282291839： ui设计:流行的几种banner的处理类型 - ？
廉聂前列： banner是我们接触工作后在制作品牌和内容宣传上最常见的工作,它的展示起到着非常重要的引导性作用,一个界面的第一视觉往往会被优秀的banner所吸引.这两天抽空整理分析了一些常用的类型,对设计banner头疼的小伙伴们要仔细看看...

武义县13282291839： 电商广告Banner设计中文字排版的技巧是什么? - ？
廉聂前列： 一.行文字多的,采用右对齐或左对齐,少的采用中间对齐.二:文字尽量采用容易辨认的字体.因为文字的目的就是让人看懂的,文字太花哨,会感觉很乱.更多平面设计知识,请咨询华南平面设计学校.三:颜色可以吸取图片颜色.吸取图片颜色,会给人和谐之感.四:文字尽量少.五:文字要有层次感.也就是说题号要清楚的分清层次(一般是大小字号).六:英文工整的方下面花哨的方上面.七:斜排文字也可以.只是在排版上要求更高一些,主要目的是产生动感.