第一讲---logo及Banner设计及制作.ppt

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