banner制作怎么用一张照片做网页的banner

PS里怎么将图片制作成banner条

切割方图片为长方形图片。

先建立固定尺寸画布，比如950x150像素，然后等比放大你的方图片，CTRL+T缩放，然后按住shift拖动拐角句柄，使之布满整个画布即可，调整一下你需要显示的部分即可。

怎样做好一个网页的banner

在一个网站里面，banner的展示起着非常重要的引导性的作用。

每个行业的不同，每个设计师的不同，所设计出来的产品的风格也不一，对于banner的要求也不一样。

一个好的banner设计的好，主要体现在点击率方面，好的banner应该是非常容易吸引用户的眼球的，让用户看到了这个banner后有强烈的点击进去了解的欲望，而不是普通的一个广告banner展示的形式。

主要体现在以下的几方面： 1，以文字为主 虽然现在网站的图片大多都提倡图文并茂，这样能够提高用户体验，但是我们现在看到很多网站上的图片很多都是以图片为主，这样就是容易陷入一个误区：banner图只是为了用图片的形式来展示网站的主要产品或者企业的总体形象。

其实这样的banner是很难能吸引到用户的。

因为有些用户还是需要一定的文字来理解广告中的内容的。

如果是文字为主，做到言简意赅，这样的图文并茂才能有利于提高点击率。

2，不要出现价格信息 一般的消费者对于价格都是非常敏感的，除非是你的产品价格相比同行业的产品价格低出很多，很有价格上的优势，否则小编建议最好不要在banner上出现价格信息。

因为价格一旦不是用户心理能接受的，这个banner就会被用户无视。

3，添加免费或者巨大优惠等字样 根据众多消费者的消费心理，他们对于那些物美价廉的产品都是非常热衷的。

对于企业网站的推广和banner的设计也是这样，在banner上添加免费或者巨大优惠等字样也是能很有效地吸引到用户，但是小编还是要提醒一句，一定要实事求是，如果点击进去，发现只是一个圈套，这样的作为会引起用户强烈的不满。

4，设计带有行为号召力 我们平时上网看到有些banner上会有个类似点击的按钮或者链接，潜意识会有着想点击的念头，可能会情不自禁地点击进去。

这种方法也能很好地提高点击率哦。

当然，提高banner的点击率的方法还有很多，就不再一一详述了。

怎样设计banner

那么Banner到底是什么呢？Banner的核心使命其实是吸引用户关注，然后被点击。

他的主旨就是主题明确，突出关键内容，抓住用户眼球。

一个Banner他是由“背景、主视觉和标题文字”三部分组成，在我刚刚接到需求的时候，我首先分析他的重点词、字，想要表达什么，分析好了后可以在纸上画下草稿，在大脑里有个大概的视觉效果，想法多的话可以画几版不一样的，最后根据草稿定一个定稿，接下来就可以找素材着手做了。

在做期间，还要注意整体的美观，让人看起来舒服。

下面从这三部分逐一给大家分享下。

一、背景 我们画画的同学可能都知道，一个画面不可能都面面俱到，重点的需要细致刻画，有的一笔带过即可。

设计一个Banner有时候就像画画似的，首先要有大的环境，那Banner的背景就好比大环境，其实主要是起到衬托、烘托气氛的作用。

一个新需求过来，首先我们考虑要营造一个什么样的环境，什么样的气氛，是欢快的、悲伤的、可爱的还是…比如过年，可能就用红橙色，比如儿童类的，颜色上就要纯一点，活泼点等等。

但是需要注意一点，背景不能太花，否则会影响整体的一个可读识性，简单，清晰即可。

二、主视觉元素 Banner中的主视觉要清楚，符合主题，元素不可太多，否则看起来跟人感觉就会乱。

有的人在做时只要是有地，就全放满，其实页面适当的“留白”也是提升画面品质的一个好方法。

视觉元素不论是人物，还是其他，一定要清晰，在我们找素材的时候也要找像素质量高的，我一般会去站酷、昵图网、花瓣或者直接google搜，不要太多。

还有一点注意的是不可盗用他人的作品，头像等等。

大家都懂的：） 下面的这个Banner看起来就比较乱，东西太多，想表达的也太多，这时候需要用户去花时间思考它想告诉我们什么，而往往这时候用户是不愿意是思考的，一是画面不知道他要表达什么，二是整体上没有吸引住用户的眼睛，这种情况下这个Banner是做到比较失败的。

三、标题文字 标题文字非常重要，是整个Banner的主题，重点文字一定要在背景中突出出来，不论用颜色对比、放大、变形设计还是即便做立体效果等等。

（这里我分享一个经验，就是在页面上新建一个黑色的图层，样式改成饱和度，整体上成黑白的效果后一眼就能看出来了） 这个Banner标题用了描边和投影，从背景中出来了，但还是看起来不舒服，主要是他的文字有用曲线、斜线的方式，让人不禁会顺着字的排版顺读下去，他这里面不同方向的斜线用的还比较多，这种方式看多了就会比较累，没有形成统一。

这个Banner看起来比较清新，没有过多的元素，但重点是文字，由于背景用的浅色，文字也用的浅色，用户是很难看出来的，影响用户的阅读性。

最后总结几点 1.画面整体统一，颜色搭配的看起来舒服；2.页面元素要以组为单位；（如文字和文字之间的间距不要过大，让人看起来是一组）3.采用吸引力的用语，或者添加“火速参与”等刺激性的词语按钮等，让用户在最短的时间内有去点击他的欲望。

4.主次对比分明，合理安排页面布局；5.输出K数不宜过大，否则加载速度会慢；6.最后最重要的一点是，前期工作一定要与需求方沟通好，要知道，在工作中，沟通是非常重要的一件事情。

以上是自己在平时工作中总结的一点点小经验吧，希望对初学设计的同学来说有点帮助，还望大师们多多指点，我会虚心学习。

有部分图是从网上找的，在这里借用下，如果侵犯您的权了，请告知下。

谢谢。

如何做好一个 Banner

回答那么多的都不知道什么是banner吧。

在我看来，好的banner要遵循以下几点： 1、简单明了，有重点； 2、有格调，也就是好看并且符合主题； 3、高转化（这个最重要，这个不好其它的都白搭。

） 4、BANNER表达的是用户最想看到的，最吸引他们的，而不是你最想让他们看到的东西。

怎么用一张照片做网页的banner

网页上的小广告(banner)已经成为一种宣传推广的重要形式，但这些小广告除了版面细小外，图象的表现还受到象素较低等其它因素影响，给传统的平面设计师带来了新挑战。

如何让你的小广告在混乱无章的网页中脱颖而出？本文介绍了几种解决的思路。

原文出处：如何在细小的空间设计出视觉效果吸此人的广告(banner)？ 第一步：使用简单的照片 对付一些区域狭窄的空间需要涉及一些特别的要求，第一步，就是采用一张简单但又能传达很多信息的照片。

一般的广告总是采用整张图片加上文字配合，而网页上一个标准的小广告的尺寸是 12 0 × 90 象素，分辨率为 72dpi 。

空间确实很小。

你如何在这个小地方加进你想要的东西？象上图，难道你想让整个纽约市都塞进这个小空间里？那只会让这些建筑物变成一个个斑点而已。

当我们 面对这些小广告的版面时，并不应该只是将整张图片简单缩小——因为空间已经很小，分辨率又很低。

而一般的网页上总是充斥着很多混乱的信息，将图片只是简单 地缩小，那些细微的东西完全不会此起人们的注意。

所以我们要思考的是：简单、醒目及简短。

我们并不需要使用整张纽约市的照片才能代表纽约，我们应该要运用 这个城市的一些象征符号来传达这种信息，比如：自由女神像，帝国大厦，当然，你还可以自己决定其它的东西。

我们要寻找一张具有象征意味的照片，构图要简单，颜色要醒目，角度要明显，对比要强烈，当然，最好是所有这些因素都能够在一起。

如果帮助到您，请记得采纳为满意答案哈，谢谢！祝您生活愉快！ vae.la