浅谈网站BANNER图片设计

第一篇：浅谈网站BANNER图片设计

浅谈网站BANNER图片设计

BANNER图片是网站的重要因素，大多数网站一开打就能见到绚丽的BANNER图片。很多网站建设公司都不会让设计师花费大量时间设计BANNER图片，那么怎样才能呢个在短时间内设计出一个精彩的BANNER图呢？下面，是圣品小编在日常工作中针对BANNER设计整理编辑出的一些方法，希望能对大家有所帮助。

1、点击才是王道

一般我们做的banner都是为了宣传、推广某个产品或新功能等，它本身就是引导用户点击参与的入口，我们目的就是要吸引用户点击。所以我们可以用不同形式和手法来表现，但相同处，通情达意，突出主题，富有乐趣，那它们则能让浏览者产生兴趣。

2、主题明确。

在着手设计之前，设计师应该先与需求方沟通，并从中获取需求方想要表达的主题和需要重点突出的点。然后在针对性地对广告对象进行诉求，形象鲜明的展示所要表达的内容。不要放一些没用的东西，除非你想赶走你的用户。

3、与整个页面相协调。

当我们确定表达的主题之后，要在banner实际放置的环境中展开后续的设计工作。色彩搭配要明亮干净，要与整个页面相协调。不能为了使banner更加吸引用户的眼球而大面积的使用一些浓重的颜色(特殊需求除外)。

4、顺应用户的浏览习惯。

我们知道大多数的用户在浏览网页的时候都是从上到下，从左到右的浏览。为了使banner更容易被用户浏览,我们应该顺应用户这样的浏览习惯，糟糕的设计会让用户无所适从，焦点到处都是。

作者用红色的幕布和小号烘托出热闹的氛围，一面精致的铜锣第一时间吸引了浏览者的眼球，让人看了就想拿起旁边的小锤去敲打的冲动

我们换个方式来想，设计一个banner，如做一道菜，首先我们应该先确定想做什么菜，然后在把这道菜所需要的主辅材料放到锅这个环境里面炒，在这 个过程中我们会根据客人喜欢的口味加入调料，装盘后我们为了搞好这道菜的卖相，在盘子里面放入一些装饰，达到在第一时间内从视觉上强奸人们的眼球，吸引他 们来品尝。

本文主要从主题、实际运用环境、用户浏览习惯和做banner的目的这几个方面表达了我的见解，当然，除了上面所说的方法，其实还有很多我们可以借鉴的形式与思路，这里就不一一列举了，希望对大家有所帮助。

第二篇：6大精品图片网站推荐

6大精品网站推荐

在日常上网中，我们经常会用到一些图片。而在互联网，图片网站也是十分之多的，那么今天我就给大家推荐下6大精品网站，希望对你有所帮助

图片大全

百度图片http://image.baidu.com/ 这个不用介绍了吧…需要什么搜什么，万能的度娘都会给你

图片分享：

美图村http://www.xiexiebang.com/

美图村是在线分享，收集美丽图片，共同发现生活快乐的图片分享社区。在这里你可以分享美好、优美图片。用图片记录生活，分享点滴美好，与大家共同找到分享的快乐，交流兴趣爱好。这里有关于唯美意境、插画手绘、旅行风景、美食菜谱、手工DIY、潮流街拍、美妆造型等等图片，爱分享的你不要错过哦！

图片素材：

昵图网http://www.xiexiebang.com/ 昵图网是一个素材设计的共享平台，每天都有海量的素材与设计发布更新，如果你在找素材，这里有你需要的！

非主流图片：

FZLOL图片网http://www.xiexiebang.com/ 非常全面的非主流图片，总有你好的那一种！

QQ应用类：

QQJAY http://www.xiexiebang.com/ 爱弄空间，QQ个性的朋友们必上的网站，这里有关于QQ空间，QQ的一切图片信息。

图片壁纸类：

桌酷壁纸http://www.xiexiebang.com/ 想给电脑换桌面背景？想找背景图片？想下套图？那就来这里吧，全是高清大图，爽翻天！，觉得好的朋友可以转载咯，让更多有需要的朋友看到哦~

第三篇：Banner广告设计

Banner广告设计

教学设计：

让自己创作的Flash能动起来，是Flash教学中学生感觉十分神奇的部分，首先让学生通过观察、比较Internet上优秀的Banner广告，思考、讨论、总结出Banner中有哪些主要元素（鲜艳的色块、运动的文字、图片等），接着教师讲解最基本的运动渐变动画的制作方法，并引导学生通过对运动渐变的属性面板的探索，试着制作出透明度、颜色、旋转、速度等变化效果，最后结合本班级的特色为班级主页设计制作一个Banner广告，即体现了软件的实用性和趣味性，也提高了学生的学习积极性和创新能力的培养。

教学目的：

知识与能力：1．通过教学使学生初步掌握Flash动画中运动渐变的制作方法；

2．进一步提高学生制作中色彩搭配、构图等技巧运用能力。结

合符号、图层、时间轴等已掌握的技能为班级主页（个人主页）

设计制作Banner。

过程与方法：1．通过观察与思考使学生学习并归纳Internet上优秀的Banne

r设计的主要元素，引导学生在对比中探讨不同Banner合理运

用的方法；

2．通过布置主题任务，给学生提供设计创新的空间，从而使学

生能够独立制作并完成任务，培养学生的实践、创新能力。

3．通过交流与分享，以及教师的及时鼓励使学生体会成功的喜

悦和合作的价值。

情感、态度与价值观：鼓励学生在学习的过程中养成多观察、多思考、多

模仿、多尝试、多创新的学习习惯和方法。

教学重点：

掌握Flash动画中运动渐变的制作要领，学会设计制作Banner的基本方法。教学难点：

提高学生制作中色彩搭配、构图等技巧运用能力。能创作出有个人特色的Banner。

教学过程：

一、什么是Banner

Banner，一般翻译为旗帜广告、横幅广告等。是一个表现商家广告内容的图片，是互联网广告中最基本的广告形式。

一、Banner广告的作用：

1．放置在广告商的网站页面上，展现商家的产品，起到自我介绍的作用。如： 东方航空，MSN

2．放置在其他网站页面上，向网页浏览者推介自己的产品或一些活动，引起网页浏览者的兴趣，也是这些网站用来盈利的途径。

如：搜狐

3．发布一些重要信息。

富有独特创意的横幅广告形式是在互联网上建立并推广客户品牌形象的有效途径。

二、Banner广告的特点：

推广信息简单明了 创造出一种点击的紧迫感 明确表达对用户的利益 具有趣味性

三、Banner广告的形式：

横幅广告，尺寸一般是480*60像素，或233*30像素，也可以根据内容和网页上可用空间的多少，增加或减少尺寸。

一般是使用GIF格式的图像文件，可以使用静态图形，也可用多帧图像拼接为动画图像。除普通GIF格式外，目前流行使用动感更强，交互性更高的Flash形式。这样更具有吸引力。

四、Flash Banner的组成元素和各元素的呈现形式

学生活动1：观察教师准备的几个网上下载的Flash Banner，讨论组成的元素

及其呈现的形式。

逐帧动画、符号的使用、运动渐变动画（大小、位置、颜色、透明

度、旋转、速度等的变化）、层和影片实例的运用。

五、讲解运动渐变动画的制作方法

教师：介绍制作运动渐变动画的一般方法。（强调只有对符号才能设置运动渐变）学生活动2：教师简单提一下运动渐变的属性面板的组成，由学生探索如何产生

透明度、颜色、旋转、速度等变化效果。

六、以2人一小组创作

学生活动3：为班级主页（或个人主页）设计并制作 FlashBanner

七、展示、交流、评价

学生活动4：作品展示、交流

八、小结 Banner 制作的注意点

1．文字：不要太多，尽量用粗壮的字体。

2．色彩：合理使用色彩的对比关系。

3．图形：要简洁，不需太繁、杂。

Banner在设计上还应该要做到制作美观、方便点击、与网页协调和整体构成合理。

表-1 注目程度高的配色：

顺序１ ２ ３ ４ ５ ６ ７ ８ ９ 10

底色黑 黄 黑 紫 紫 蓝 绿 白 黄 黄

图形色 黄 黑 白 黄 白 白 白 黑 绿 蓝

表-2 注目程度低的配色：

顺序１ ２ ３ ４ ５ ６ ７ ８ ９ 10

底色黄 白 红 红 黑 紫 灰 红 绿 黑

图形色 白 黄 绿 蓝 紫 黑 黑 紫 红 蓝

第四篇：banner心得

1，banner广告在网页中的第一感觉：对于网站广告条的目的就是吸引用户注意，然后吸引用户点击。所以一个优秀的广告条首先要做到的就是必须能 够吸引用户浏览。而用户浏览网页的时间一般也就十几秒中，因此广告条必须在第一时间内吸引到用户的眼球。在设计广告条时，我们必须要考虑用户的浏览习惯，也就是只瞄一眼情况下，是否能引起用户足够的重视。所以第一感觉对于广告条设计是最重要的一点。

2，广告条文本内容：对于广告条的文本文字内容来说，必须保持文字简短，重点突出。能在第一时间将最重要的信息高速用户才是设计目的。

3，banner广告条中的图片内容统一性：如果你是一家销售电子产品的网站，那么你的广告条中就因该以电子产品为主，曾经看到一些产品广告条使用的图片全部都是一些人物，而真正的产品缺只是以文字形式表达，这样的广告条设计师很失败的。

4，在广告条中放入你的网址与标志：如果你的广告目的是以品牌推广为主，那么i标志与网站地址将是广告设计的重点，同样即便不是以品牌为主的banner，也有必要加入一些标志与网址信息，或是一些宣传口号。5，banner设计中最好放上“点击这里”等字样：你可以在广告条的某个角落，或动态广告条的最后一帧上加上“点击”这类字样，这是一种常用的设计经验。6，广告条的尺寸：这个无需多数，对于banner来说大小一半不要超过50K，即便是一些FLASH广告也尽量减少下载时间，因为如果你的尺寸较 大，当用户访问这个页面时，可能网页内容全部显示完了，你的广告条还没加载完成，而用户可能就在此时离开这个页面，那样看上去你的广告被浏览了，其实没有 任何效果

7，广告条的长度：这一点是针对GIF与FLASH广告条而言，长度最好控制在3秒以内

8，广告条的颜色：颜色是人们的第一视觉体验，曾经看过很多网站广告通过刺眼的黄色来吸引用户眼球，这个我给的意见是，颜色需要醒目，但并能让用户 产生反感，因为最终目的是希望用户能点击，所以色彩的应用很有讲究，要让用户眼前一亮，但不能产生反感。这里有个技巧，就是使用统一的大色块配色，同是颜 色尽量选择一些一般网站中很少用的色彩，比如深绿色，绿色，深红色，黑色等。

9，尽量不要用FLASH来设计广告条

10，用蓝色来强调点击：在广告条中点击的按钮文字可以用带有下划线的蓝色文本来显示，因为用户浏览网页时视觉是在整个网页上扫视，此类蓝色点击文字是最能吸引用户的方法之一

第五篇：banner设计的四大注意事项

banner设计的四大注意事项

发布日期：2013-05-30浏览次数：5869找设计师在线设计师找设计公司

我来说两句







 如何使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 的显示尺寸非常有限，摆放太多产品，反而被淹没，视觉效果大打折扣。所以，产品图片不是越多越好，易于识别是关键。