网页设计三剑客PSFLDW案例教程全套配套课件教学资源4.3 网站广告设计.pptxVIP

Photoshop CC 2015Flash CC 2015Dreamweaver CC 2015中文版案例教程Photoshop CC 2015/Flash CC 2015/Dreamweaver CC 2015Zhongwenban Anli JiaochengPhotoshop篇4.3 网站广告设计4.3 网站广告设计网络广告类型4.3.1网络广告设计技巧4.3.24.3.1 网络广告类型随着网络也逐渐发展。网络广告的力量也越来越强大。潜移默化地影响着人们的生活，以至于网络成为四大媒体（电视、广播、报纸、杂志）之后的第五大媒体。Photoshop在广告制作领域中发挥重要作用，可以制造出各种形式的网络广告。网络在人们日常生活和交流中均扮演着重要的角色，作为一个重要的新媒体。如何充分利用网络媒体投放广告成为商家、设计师必须考虑的问题。网络广告从最初的横幅广告发展到如今，出现多种形式，如全屏广告、对联广告、流媒体广告等。下面介绍常见的网络广告类型。一、Banner广告Banner广告又称为横幅广告、旗帜广告，是互联网广告中最基本的呈现形式。是将表现商家广告内容的图片放在广告上的页面上。如图4-40所示。Banner广告一般是GIF、SWF、JPG等格式建立的静态或者动态的图像文件。Banner广告内容镶嵌在网页中，可以使用JAVA等语言使其产生交互性，可以用Flash等动画制作工具增强效果的表现力。根据发布背景和大小不同大型门户网站将其分为通栏广告（一般高100像素左右）、矩形广告（摩天大楼广告，一般高260像素左右）、按钮广告（一般高度在150像素以内）。矩形广告和按钮广告一般位于页面左侧或右侧分栏中，巨型广告高度大于按钮广告。图4-40二、全屏广告全屏广告也可以认为是Banner广告，它是高度更高的通栏广告，只不过在寸土寸金的网络上很少有客户能承受一个大尺寸的固定位置长时间播出的广告价格。因此全屏广告都是弹出式的，在网页打开的时候自动弹出，8秒左右后自动关闭。如图4-41所示为网站的弹出式广告。全屏广告一般存在于门户网站的首页，有的是静态的，有的是动画。几秒钟后自动消失。正常显示门户网站的内容，这种广告能在第一时间映入浏览者的视线中，可以加深浏览者对页面内容的印象，如图4-42所示为全屏动画广告。图4-42图4-41三、对联广告对联广告也是网页中常见的一种广告形式。该广告在页面主题内容完全显示的情况下，在其两侧的空白区域位置出现的一种看上去像对联的广告形式。这种广告只能在分辨率为1024×768像素及以上的屏幕下才能正常显示。对联广告的宽度尺寸一般在100像素左右，既能完整呈现广告内容，又不会影响页面的整体布局，如图4-43所示。图4-43四、流媒体广告流媒体广告就是采用了流媒体技术的网络广告，又叫做富媒体广告，一般可分为视频流媒体广告和音频流媒体广告两种。音频流媒体广告类似广播广告；视频流媒体广告类似电视广告。流媒体广告一般采用自动弹出播放或鼠标响应播放两种类型，播放时间一般在五秒左右，如图4-44所示。图4-444.3.2 网络广告设计技巧网页广告尺寸往往比传统广告小很多，如何在极短的时间里通过一个小板块区域释放出吸引人的广告呢，除了传统广告设计讲求的美观，创意外，网络广告更强调信息的简单，视线流畅，其实，如果把海报设计的要点“简单、醒目、有力“用在网络广告设计上是非常妥当的。下面介绍网络广告的常见技巧。一、颜色数目少，对比突出颜色越多，信息就会越分散，就越不宜留住读者的视线。因此网络广告中，用色可以尽量少一些。同时，网络广告中的各颜色之间，网络广告颜色与网页颜色之间需要对比突出，如图4-45所示。图4-45二、用途简单、裁剪有力用途简单指的是用主题单一并突出的图片。用背景简单的图片、用近景图、用特写图。简单的图更有力，更吸引人，如图4-46所示。图4-46同一张图通过不同信息的裁剪，可以获得不同的效果。如果单从有力角度来说，局部比整体有力，倾斜比水平有力，不对称比对称有力，如图4-47所示。图4-47三、字体相近，关键字突出网络广告中的文字采用字体不要太多，尤其是字体风格要保持接近，不适合同时使用风格迥异的字体。同时，广告中的关键字需要特别突出，注意最突出的只能有一个，不要并列突出，更不要多点突出，如图4-48所示。图4-48四、视觉线路简单，相似元素抱团设计中的视觉路线要符合从左到右、从上到下的阅读习惯，不要让视线来回往返。来回的视线跳跃，视觉容易疲劳。同时因为信息分散不方便，大脑对信息的加工及读者看了后也难以记忆。通过将相似元素组合在一起，并按照阅读习惯进行排列，或者通过视觉引导获得好的记忆效果，如图4-49所示。图4-49