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

Banner的制作方法有很多，对于不同创意的广告条， 也应选择不同的制作方法。只要保证Banner的视觉效 果好，制作出“重量”最轻的方法，就是最好的方法。
12
注意：


GIF动画一般用于做网页上的简单动画
网页上的复杂动画一般都是SWF动画

操作GIF动画可用Photoshop、Fireworks、Flash、 Cool 3D 等 软 件 ， 但 在 做 Banner 时 一 般 都 用 Fireworks来完成。
13
本章总结


掌握Logo的设计与制作
掌握Banner的设计与制作
14
本章作业


自己创意设计一Logo，符合Logo设计的规律
自己创意设计一Banner,符合Banner设计的规律
15
10

确定是动态还是静态的Banner。
可以运用动画形式.动画的形式可以是gif动画或Flash动画.动画 形式可以更容易吸引浏览者，且能传达更丰富的信息。

文字内容设计一般要有感召力，悬念。
可包含一部分不明确的信息，让浏览者产生好奇心。 可通过具有感召力的广告词打动浏览者，让浏览者产生信任感。
链接的图形标志。
2、Logo的特点
功用性 艺术性 识别性 准确性 显著性 持久性 多样性
4
3、 Logo的设计原则
尺寸要求：
88*31px（最普及的尺寸要求）、120*60px、120*90px 构成要素： 构成Logo的要素包括网站名称、网址、标志图象、网站 理念，4个要素不一定要同时出现，要适当组合在一起。 设计应在详尽明了设计对象的使用目的、适用范畴及有 关法规等有关情况和深刻领会其功能性要求的前提下进 行。 设计要符合作用对象的直观接受能力、审美意识、社会 心理和禁忌。
9
2、Banner的设计原则

尺寸要求：
分为普通横幅和通栏两种 普通的：一般为468*60px（最为普及的尺寸） 通栏的：一般为768*120px
广告条尽量选择国际标准尺寸。不过在进行设计时，也
可以根据页面空间来制定特殊广告位和广告条大小。
大尺寸Banner要注意配合页面设计
一个页面内不宜有超出两个468×60像素的全尺寸Banner。

符号美
特征美（同类事务的本质特征）
凝练美（适用于任何视觉传播物）
6
4、网站logo的制作
可用图像处理软件如Photoshop、Fireworks等
7
8
1.2 网站Banner的制作
1、 Banner概述
Banner即横幅广告、网络广告、旗帜广告等，一般置 于Logo右侧（网页顶部）并可以作成动画效果，以增 强网页的动感视觉，增强对浏览者的吸引力，是网站 直接赢利及推广的一种有效及常用的网页元素. 通常 采用图片、动画、Flash等方式来制作Banner广告。
广告语要琅琅上口，图形无需太复杂，
文字尽量使用黑体等粗壮的字体，防止在视觉上被网页中其他
内容所淹没。

颜色使用要鲜明，用色要大胆。
11

Banner的“重量”要轻
以468×60像素的Banner为例，大小最好是20KB左右，不要 超过35KB；当然随着网络宽带的普及，以后在“重量”方面 的压力会逐渐减小。
网页美工设计商业典型案例
主讲:麻永梅
第1章
Logo和Banner 的设计与制作
本章目标
Hale Waihona Puke 了解网站中Logo和Banner的作用及设计技巧
掌握Logo的设计与制作 掌握Banner的设计与制作
3
1.1 网站Logo的制作
1、Logo概述
Logo是网站的特有标志，是传播信息的一种视觉 语言，通过Logo的识别，可以促进浏览者对网站 的认识与沟通。Logo的设计要求简洁、精炼、一 目了然。Logo是互联网上各个网站用来与其它网站
5
构思须慎重推敲，力求深刻、巧妙、新颖、独特，表意
准确，能经受住时间的考验。
构图要凝练、美观。 图形、符号要简练，概括，同时要具有一定的艺术性。 色彩要单纯、强烈、醒目。 与网站风格相融，能够体现网站的类型、内容和风格。 遵循标志艺术规律，创造性的探求恰当的艺术表现形式
和手法，锤炼出精当的艺术语言使设计的标志具有高度 整体美感、获得最佳视觉效果，是标志设计艺术追求的 准则。