网页元素设计之——网页banner.pdf

网页元素设计之—— 网页banner 什么是BANNER 什么是BANNER BANNER （网幅图象广告）：以GIF，JPG等格式建立 BANNER （网幅图象广告）：以GIF，JPG等格式建立 的图象文件，定位在网页中，大多用来表现网络广告内容， 的图象文件，定位在网页中，大多用来表现网络广告内容， 同时还可使用Java等语言使其产生交互性，用Shockwave 同时还可使用Java等语言使其产生交互性，用Shockwave 等插件工具增强表现力。 等插件工具增强表现力。 在网络营销术语中，BANNER是一种网络广告形式。 在网络营销术语中，BANNER是一种网络广告形式。 BANNER广告一般是放置在网页上的不同位置，在用户浏览 BANNER广告一般是放置在网页上的不同位置，在用户浏览 网页信息的同时，吸引用户对于广告信息的关注，从而获得 网页信息的同时，吸引用户对于广告信息的关注，从而获得 网络营销的效果。 网络营销的效果。 BANNER广告有多种表现规格和形式，其中最常用的是 BANNER广告有多种表现规格和形式，其中最常用的是 486 ×60像素的标准标志广告，由于这种规格曾处于支配地 486 ×60像素的标准标志广告，由于这种规格曾处于支配地 位，在早期有关网络广告的文章中，如没有特别指名，通常 位，在早期有关网络广告的文章中，如没有特别指名，通常 都是指标准标志广告。这种标志广告有多种不同的称呼，如 都是指标准标志广告。这种标志广告有多种不同的称呼，如 横幅广告、全幅广告、条幅广告、旗帜广告等。通常采用图 横幅广告、全幅广告、条幅广告、旗帜广告等。通常采用图 片、动画、FLASH等方式来制作BANNER广告。 片、动画、FLASH等方式来制作BANNER广告。 常见的BANNER广告规格 常见的BANNER广告规格 （单位：像素） （单位：像素） 全幅标志广告 468 ×60 全幅标志广告 468 ×60 半幅标志广告 234×60 半幅标志广告 234×60 垂直BANNER 120×240 垂直BANNER 120×240 宽型BANNER 728×90 宽型BANNER 728×90 小型广告条 88 ×31 小型广告条 88 ×31 1.新建文档并制作背景 1.新建文档并制作背景 •制作背景比较简单，首先要在 “渐变编辑 器”对话框中设置填充的颜色，然后在画 布的适当区域上填充渐变颜色，具体操作 如下所示。 2.制作倾斜纹理 2.制作倾斜纹理 •制作倾斜纹理，首先要制作出斜纹使用的 图案，然后在画布的适当区域上使用图案 进行填充，具体操作如下所示。 3.制作图案 3.制作图案 •制作图案主要是在已有的素材文件上进行 制作，具体操作如下所示。 4.制作文字 4.制作文字 •制作文字要使用 “文字”工具、 “路径” 工具、 “填充”工具等，具体操作如下所 示。 5. 小结 5. 小结 • 页面的Banner部分与其他内容相比，一 般会较复杂一些，其中会使用大量的图 片、文本甚至动画等内容。在这个部分的 制作中，要注意主题的突出，最好能做到 一目了然，让浏览者能够迅速把握Banner 部分所要传达的信息，同时要注意，如果 Banner部分刚好处于Logo的旁边，最好不 要将Banner部分制作得过于突出，避免影 响Logo的显示。