banner图要注意什么(banner图一般放在哪里)

banner图要注意什么,banner图一般放在哪里

内容导航：

banner设计需要注意哪些事项

banner设计有哪些细节需要注意

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

psd做banner要注意什么

一、banner设计需要注意哪些事项

1.文字一张图片，若想表达丰富的内容，就必须配合文字的使用。
使用户更能直观，快速的理解产品设计者的意图。
怎么开网店，分清主标题和副标题，主标题要醒目，字体上要偏大。
优秀的字体设计要饱满，集中。
如果主标太长，需求方不舍得删文字的情况下，对主标中重要关键词优化，突出主要的信息，弱化‘的’、‘之’、‘和’、年’、‘第X届’这种信息量不大的词。
若标题很短，并且画面不够饱满的情况下，可以点缀一些域名等信息做补充。
2.动态和静态禁用动图作为banner，动图会给用户造成浏览压力。
静态图片会让用户更加的轻松，而没有视觉疲劳感。
3.“重量”要轻注意用PS修改图片大小，在保证图片精度的情况下，尽量将突破压缩在最小，以提高网页加载速度。
设计的原则对齐原则相关的内容要对齐，方便用户实现快速移动，一眼看到最重要的信息。
聚拢原则将内容分成几个区域，相关内容都聚在一个区域中。
留白原则开网店卖家千万不要把排得密密麻麻，要留出一定的空间，这样既减少了压迫感，又可以引导读者视线，突出重点内容。
降噪原则颜色过多、字体过多、图形过繁，都是分散读者注意力的”噪音”。
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 的显示尺寸非常有限，摆放太多产品，反而被淹没，视觉效果大打折扣。
所以，产品图片不是越多越好，易于识别是关键。

二、banner设计有哪些细节需要注意

banner设计需要注意的细节如下：
一、banner图的风格
网站banner图风格不止一种，banner图的风格一定要根据网站的风格来设计，如果网站是清新风格，你的banner图一定不要设置为复古风格，这样会让用户阅读起来感觉很不舒服。

清新风：就是清爽、唯美，轻盈色调跟自然系，让人感觉十分的清丽和透亮。
复古风：是传统元素和复古图案。
简约风：是极简主义、大空间，banner没有任何过多的装饰元素 ，整体感觉就是非常的透气。
二、banner图的排版
在banner布局上调整位置、大小，让布局看起来更加舒服，更加漂亮。
一）设计banner图要记住这几点：
1、不要让banner图密密麻麻，要留出一定的空间，这样会使用户减少许多压迫感，又可以突出重点。
2、颜色、字体、图片不要过多，设计banner图时要注意整个网站的连贯性，不要出现不同的元素和风格。
3、加大不同元素的视觉差异、相关的内容要对齐，这样方便用户视线快速移动，又突出了视觉重点，方便用户一眼浏览到重要的信息。
结束
配色的话，要看你网站是什么颜色，尽量符合网站的颜色，因为不同的配色会带给人完全不同的心里感受，如果把一个网站弄成五颜六色，阅读起来就会觉得特别晕眩眼花等，这你就要考虑符合网站的色调了，尽量一致网站的色调，这样的banner图看起来都会觉得特别舒服，其实设计一张banner图也是seo优化技术里面的一部分，因为图片让用户看起来很舒服，你网站的跳出率就会降低，如果图片搭配的特别压抑，用户会瞬间关闭你的网站，这样你的跳出率就会提高、用户体验感不行、网站排名也会随着下降。

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

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 的显示尺寸非常有限，摆放太多产品，反而被淹没，视觉效果大打折扣。
所以，产品图片不是越多越好，易于识别是关键。
接下来，智网互联为大家总结累一些，如有鄙陋，请指正，万分感谢。
当今，无论任何一款互联网产品，都需要搭载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。

四、psd做banner要注意什么

用在淘宝，和网站那种，psd格式的素材，我要怎么用？不要用CMYK模式，注意显示器尺寸。
突出主题，banner颜色最好跟logo 的颜色相撘。
文字的排版吧，主要可以结合其它的软件进行辅助，indesign等千图网下载一个自己修改一下。
在这里不会有人帮你做的。