网站广告的设计内容有哪些

第一步：使用简单的照片对付一些区域狭窄的空间需要涉及一些特别的要求，第一步，就是采用一张简单但又能传达很多信息的照片。 一般的广告总是采用整张图片加上文字配合，而网页上一个标准的小广告的尺寸是 12 0 × 90 象素，分辨率为 72dpi 。空间确实很小。你如何在这个小地方加进你想要的东西？象上图，难道你想让整个纽约市都塞进这个小空间里？那只会让这些建筑物变成一个个斑点而已。当我们面对这些小广告的版面时，并不应该只是将整张图片简单缩小――因为空间已经很小，分辨率又很低。而一般的网页上总是充斥着很多混乱的信息，将图片只是简单地缩小，那些细微的东西完全不会此起人们的注意。所以我们要思考的是：简单、醒目及简短。我们并不需要使用整张纽约市的照片才能代表纽约，我们应该要运用这个城市的一些象征符号来传达这种信息，比如：自由女神像，帝国大厦，当然，你还可以自己决定其它的东西。我们要寻找一张具有象征意味的照片，构图要简单，颜色要醒目，角度要明显，对比要强烈，当然，最好是所有这些因素都能够在一起。 第二步：简单的版面使用简洁的文字，将文字与其它素材简单结合。 网上培训课程的登记涉及到很多硬件，但我们并不需要将所有的东西都全部显露出来，而是…… 上图左，使用一张简单且常见的象征图片，将背景设为黑色，使其与白色的鼠标形成强烈对比，但鼠标本身并不能传达网上报名注册这一信息，所以……还要加上文字。只有加上文字，所有的信息才是完整的。大文字同样采用白色，而大学名称采用金黄色，使其让人知道这是两个不同信息。 我们说排版要尽可能简单。留意上图左图，文字与鼠标高度相同，使两者成为了一个整体，而右图表明，每个元素之间的间隔距离都是相等的。将剪切工具变成一种设计工具通过对图片进行恰当的剪切，您可以控制图片所传达出不同的效果。剪切过程虽然简单，但在剪切时却要很多细节要考虑。 上图大图是一张漂亮的原始图片，通过你不同的处理方式，可以让它传达不同的信息。如小图，我们只保留左边的一半，使到整张图片变得更加有冲击力，同时还留出了空间给文字。当然，还有很多种剪切方式： 中心构图使整张图片显得稳定。她的目光直接面对着你，透着一种优雅迷人的气息。 偏离中心的构图打破了空间的平衡，传达了一种略为紧张的气氛 呈角度的构图，这使到图片中人物的眼神变得更加煽情，使你更加容易注意她。 这是一种更强烈的剪切方式，剪切的边缘去到她的眼睛，而且还呈角度，比上一张更加容易引起人们的注意，张力十足。利用文字来组织图片在版面非常狭窄的时候，文字与图片必须谨慎配合，避免让人产生两者分离的感觉。事实上，文字与图片必须形成同一种信息。记住，字体也是一种图形，所以你可以充分利用字体的样式、形状、粗细及颜色来补充和加强图片的力量。 一张全景图注定不会简单，文字 “ EI Capitan ”与这座作为焦点的花岗岩山峰分开。当然，我们可以通过剪切来作进一步的处理，但有一个问题，这座山峰的美丽正是要有一定的距离感及它周围的细节才体现出来。而下方的那个绿色实色区域使到文字与图片分离，避免了整张图片变得过于复杂。 上图的图片经过剪切，使其更加收紧。现在山峰给人一种更加强烈的高耸感而不是开阔感。阴影也使图片形成了纵深。同时采用了一种缩窄的大写字母，使到文字与图片形成一个有机的整体，使读者的眼睛看上一眼就能够留意。 上图采用名信片的设计样式，尽管图片没有改变，但这种处理方式却使整个设计显得更加宁静，也更有画廊的气息。灰色的字体在白色区域上仍然能够容易被辨认，开阔的白色区域也使到图片有一种水平感。再来看一下实际大小的效果： 让我们进一步来探讨上述的设计： 首先将一张大图片缩小到合适的尺寸（ 1 ）。 将图片的宽度变成标准的 120px ，而图片高度要少于 90px ，因为我们下方还要加上文字区域（ 2 ）。用一种实色填充下方区域，同时这个区域也与图片有一些重叠。颜色来自于图片，用吸管在图片取色（ 3 ）。最后加上文字（ 4 ）。当您要面对一种复杂的或者有太多细节的图片时，这种处理方式是比较理想的。 这里，我们对图片进行剪切，为该图片创造出一个视觉焦点。然后再寻找一种能够加强该图片传达的字体。在这个例子中，我们采用一种又高又窄的字体填满下方整个区域来加强这座山峰的特点。留意上方的那行细字，山峰是叠在这行文字上方的，加强了图片的层次感。也使到这座花岗岩山峰有更加靠前的感觉。利用文字来补充图片在这里，我们这张充满动感的图片由于受到背景的影响而削弱了对比的强度。背景与人物都呈同一种色调，同时背景也还有很多细节，使到图中人物不能成为焦点图案，挽救的途径是利用文字来对这张图片进行补充。 创造焦点的第一步是通过剪切，尽可能将注意力放在这个滑板的运动员身上（ 1 ），背景虽然显得有点杂乱，但在视觉也挺有趣，你可以直接在背景上加文字（ 2 ）。出来的效果虽然有艺术感，但文字并不容易阅读。 为了弥补这种缺陷，我们将背景换成高对比度的黑色（ 3 ），同时仍保留（ 2 ）的字体图案。（ 4 ）是另一种选择，为了进一步改善视觉效果及强调原来的背景图案，我们可以直接将原来背景的图案用在文字中。本文所用颜色数值如下：

banner设计8技巧：

1、主题明确

要突出产品主题，让用户一眼就能识别广告含义，减少过多的辅助干扰元素。切忌，banner被切割的太细碎，内容繁多，没有浏览重心。很多广告主往往会认为传达的信息越多，用户越有兴趣，其实并不然，什么都想说的广告，就是什么都没说好。

2、重点文字突出

用文字进一步的告诉用户，是打折或还是新货上市？如果我们最大的买点就是”4.1″折起，那么毫无疑问，”4.1″折的字样一定要大，要醒目，其余的则需要相应的弱化。

3、符合阅读习惯

阅读视线要符合用户从左到右、从上到下的浏览习惯。

4、用最短时间激起点击欲望

用户浏览网页的集中注意力时间一般也就几秒，所以不需要太多过场动画，需第1时间进行产品的展示，命中主题。并配以鼓动人心的措辞口号引导用户。

5、色彩不要过于要醒目

有些广告主要求使用比较夸张的色彩来吸引访问者眼球，希望由此提升Banner的关注度。实际上，”亮” 色虽然能吸引眼球，但往往会让访问者感觉刺眼、不友好甚至产生反感。所以，过度耀眼的色彩是不可取的。

6、产品数量不宜过多

很多广告主总是想展示更多产品，少则4-5个，多则8-10个，结果使得整个Banner变成产品的堆砌。Banner的显示尺寸非常有限，摆放太多产品，反而被淹没，视觉效果大打折扣。所以，产品图片不是越多越好，易于识别是关键。

7、信息数量要平衡

很多人总认为信息多就，觉得所有信息都很重要，都要求突出，结果其反。如果banner上满是吸引点，那用户只会被注意，所以在Banner的有限空间内做好各种信息的平衡和协调非常重要。

8、留空

banner画面中需要留空,留空可以使图形和文字有呼吸的空间。

广告设计是以加强销售为目的所做的设计。也就是奠基在广告学与设计上面，来替产品，品牌，活动等等做广告。其价值在于把产品载体的功能特点通百过一定的方式转换成视觉因素，使之更直观地面对消费者。运用标准色进行的全方位广告画面设计，能给公众造成一致、统一的企业或产品感受，对度企业识别的强化和扩散有显著的作用。最早的广告设计应该是早期报纸的小小布告栏，也就是以平面设计的形式出来的。接著广播出现了，于是有声音式的广告，今日也都还听得到，然后电视时代，广告设计变得介入了电影与戏剧之间，而且更为专门。

广告设计包含了市场营销，消费行为学，消费心理学，市场调查，统计学，传播学，语言学，公共关系学，计算机绘图等等方面。其实广告学也有一定的偏向，比如绘图技术，计算机制图技术，广告创意设计，广告策划，表达等等。

1.广告设计讲究页面构图、版式布局、空间表现等，而网页设计也适用这些要素。

网页设计与传统平面设计在视觉传达方面很大的相似点，但是在技术方面又是有很大的区别。 网页设计是传统平面设计的视觉传达效果运用和网路技术的结合，所以可以说网页设计综合了平面设计艺术和网路技术。 网页设计的重要特色就是动静结合，这点在平面设计裏是无法实现的。其中网页切图在平面设计中是没有的.

2.处理的差别

传统平面广告设计品大多是以印刷的平面形式表现；而网页设计作品则是透过显示器表现，并且在传输的过程中受到网路频宽的限制。

因为受到网路频宽的限制，网页设计中的图像处理也不同於平面设计，为了加快下载速度，在保持图像质量的前提下我们要尽可能的缩小其档案大小，而不像平面设计那样为了追求图像的质量而不管其文件大小。 作为一名合格的网页设计师，在处理网路图形时，应做到在保持图像清晰的前提下，尽可能缩小图片的档案大小。

3.网页的构图布局与平面构图布局有著很大的相似之处.因为技术的局限，网页构图远不如平面设计那样挥洒自如。 在平面设计中想把某一物件放置到某一位置的时候只需要简单的拖曳就可以完成。但是在网页设计中想对某一物件进行定位的话就必须有 HTML 语言的支援才行。 所以在进行网页设计的时候，除了要有好的创意，还应该考虑到技术上的可行性。 网页的构图与传统的平面构图最大的区别就是技术的可行性。 在进行网页设计时必需时时提醒自己，所设计的作品最终会通过网路传输到用户端，经过下载，再用浏览器浏览，作品将受到频宽和显示器的限制。 而且，所有网页的后端语言都是以 HTML 为基础，辅以 JavaScript 或 VBScript 编写的程式，有些动态特效实现起来会有较大的难度。 所以，网页设计人员在构思创意时，要考虑到技术上是否能实现。 如果一味地追求视觉效果的创意，而忽略技术上的限制，顾此失彼，再好的构思也只好放弃。

网页设计中实现的创意，对网页设计构图来说是毫无价值的。

4.功能的不同

传统平面的设计作品是以向人们传达某种资讯或诉求为目的。而网页的设计必须是配合网站的内容设计，而不是单纯地只为表现艺术而设计。 除了拥有平面设计作品的功能以外，还有重要的引导和连接功能，也就是网页具有很强的可操作性和互动性。 网页设计与传统的平面设计最大的区别就是网页的可操作性。