第一讲---logo和Banner的设计与制作

网页美工设计商业典型案例主讲:麻永梅第1章Logo和Banner的设计与制作3了解网站中Logo和Banner的作用及设计技巧掌握Logo的设计与制作掌握Banner的设计与制作本章目标41.1网站Logo的制作1、Logo概述Logo是网站的特有标志，是传播信息的一种视觉语言，通过Logo的识别，可以促进浏览者对网站的认识与沟通。Logo的设计要求简洁、精炼、一目了然。Logo是互联网上各个网站用来与其它网站链接的图形标志。2、Logo的特点功用性识别性显著性多样性艺术性准确性持久性53、Logo的设计原则尺寸要求：88*31px（最普及的尺寸要求）、120*60px、120*90px构成要素：构成Logo的要素包括网站名称、网址、标志图象、网站理念，4个要素不一定要同时出现，要适当组合在一起。设计应在详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。设计要符合作用对象的直观接受能力、审美意识、社会心理和禁忌。6构思须慎重推敲，力求深刻、巧妙、新颖、独特，表意准确，能经受住时间的考验。构图要凝练、美观。图形、符号要简练，概括，同时要具有一定的艺术性。色彩要单纯、强烈、醒目。与网站风格相融，能够体现网站的类型、内容和风格。遵循标志艺术规律，创造性的探求恰当的艺术表现形式和手法，锤炼出精当的艺术语言使设计的标志具有高度整体美感、获得最佳视觉效果，是标志设计艺术追求的准则。符号美特征美（同类事务的本质特征）凝练美（适用于任何视觉传播物）74、网站logo的制作可用图像处理软件如Photoshop、Fireworks等891.2网站Banner的制作1、Banner概述Banner即横幅广告、网络广告、旗帜广告等，一般置于Logo右侧（网页顶部）并可以作成动画效果，以增强网页的动感视觉，增强对浏览者的吸引力，是网站直接赢利及推广的一种有效及常用的网页元素.通常采用图片、动画、Flash等方式来制作Banner广告。10尺寸要求：分为普通横幅和通栏两种普通的：一般为468*60px（最为普及的尺寸）通栏的：一般为768*120px广告条尽量选择国际标准尺寸。不过在进行设计时，也可以根据页面空间来制定特殊广告位和广告条大小。一个页面内不宜有超出两个468×60像素的全尺寸Banner。大尺寸Banner要注意配合页面设计2、Banner的设计原则11确定是动态还是静态的Banner。可以运用动画形式.动画的形式可以是gif动画或Flash动画.动画形式可以更容易吸引浏览者，且能传达更丰富的信息。文字内容设计一般要有感召力，悬念。可包含一部分不明确的信息，让浏览者产生好奇心。可通过具有感召力的广告词打动浏览者，让浏览者产生信任感。广告语要琅琅上口，图形无需太复杂，文字尽量使用黑体等粗壮的字体，防止在视觉上被网页中其他内容所淹没。颜色使用要鲜明，用色要大胆。12Banner的“重量”要轻以468×60像素的Banner为例，大小最好是20KB左右，不要超过35KB；当然随着网络宽带的普及，以后在“重量”方面的压力会逐渐减小。Banner的制作方法有很多，对于不同创意的广告条，也应选择不同的制作方法。只要保证Banner的视觉效果好，制作出“重量”最轻的方法，就是最好的方法。13GIF动画一般用于做网页上的简单动画网页上的复杂动画一般都是SWF动画操作GIF动画可用Photoshop、Fireworks、Flash、Cool3D等软件，但在做Banner时一般都用Fireworks来完成。注意：14掌握Logo的设计与制作掌握Banner的设计与制作本章总结15本章作业自己创意设计一Logo，符合Logo设计的规律自己创意设计一Banner,符合Banner设计的规律