Logo和Banner的设计与制作.ppt

一、Banner的构成与设计形态 自然界的万物形态构成都离不开点、线、面。它们是视觉构成的基本元素，具有不同的情感特征，因此要善于采用不同的组合去体现不同Banner的情感诉求 a.点的聚合 点的排列所引起的视觉流动，引入了时间的因素,利用点的大小、形状与距离的变化，可以设计出富于节奏韵律的画面。点的连续排列构成线，点与点之间的距离越近，线的特性就越显著。点的密集排列构成面，同样，点的距离越近，面的特性就越显著。 b.线的流动 线分为四类：直线、曲线、折线以及三者的混合。直线又有水平线、垂直线、斜线三种形式。其中，水平线给人平静、开阔、安逸的感受；垂直线给人崇高、挺拔、严肃的感受；曲、折、弧线具有强烈的动感，更容易引起视线的前进、后退或摆动。 c.面的分割 面在设计中的概念，可以理解为点的放大，点的密集或线的重复。Banner元素在不同大小色块元素的风格对比下，能获得清晰、条理的秩序，同时在整体上也显得和谐统一 二.Banner设计的形式美法则 a.有机形的柔和与美有机形是由一定数量的曲线组合而成，是自然物外力与内力相抗衡而形成的形态。有机形富有内在的张力，给人以纯朴、温暖而富有生命力的感觉。曲线与个性化的插图形成强烈的对比。 b.偶然形的独特魅力 偶然形是力的作用下随机形成的图形，它具有天然成趣的效果，利用偶然因素提炼美的方法，让Banner设计更加与众不同 三.有效的设计创意方法a.预留大面积的Banner空间创作 Banner设计占用很大的空间，且占用的空间是重要而有价值的面积，那么你需要万分小心的去处理，但是如果处理的好的话，它将会事倍功半，而且信息传达非常有效。 b.有效的措辞与行为导向按钮 在banner设计中通过真实产品的展示，并配以鼓动人心的措辞口号及醒目的可以直接诱导用户点击的行为导向按钮，让网页获得更多的用户点击和关注目光。 c.插图及清新手绘让页面倍感亲切 d.引入肢体语言让画面变得生动 e.丰富的产品展示组合效果 用堆积这种效布局特效来展示不同的作品示例，并附上一条介绍性质的口号，网页变得更有说服力，丰富而富有层次感。 f.特殊肌理的组合 适当的运用肌理以及拼贴效果，让画面变得有质感且意味深长，是让Banner与众不同的好办法之一。 g.让资讯循环动起来 使用滑动效果来将更多信息填进到Banner区域。这对于有很多特性和丰富产品线的网站很有用，通过一些很有用的Javascript库及其插件，让这类效果更加活灵活现。 * 4.2.1 Banner的标准与设计原则 1997年第一次标准公布 规格（像素） 名称 468×60 全尺寸banner 392×72 全尺寸带导航条banner 234×60 半尺寸banner 125×125 方形按钮 120×90 按钮＃1或小图标 120×60 按钮＃2或小图标 88×31 小按钮或banner 120×240 垂直banner * 4.2.1 Banner的标准与设计原则 2001年第二次标准公布 规格（像素） 名称 120×600 “摩天大楼”形 160×600 宽摩天大楼形 180×150 长方形 300×250 中级长方形 336×280 大长方形 240×400 竖长方形 250×250 “正方形弹出式”广告 120×60，这种广告规格主要用于做LOGO使用。? 120×90，主要应用于产品演示或大型LOGO。? 125×125，这种规格适于表现照片效果的图像广告。? 234×60，这种规格适用于框架或左右形式主页的广告链接。? 392×72，主要用于有较多图片展示的广告条，用于页眉或页脚。 468×60，应用最为广泛的广告条尺寸，用于页眉或页脚。? 88×31，主要用于网页链接，或网站小型LOGO * 4.2.1 Banner的标准与设计原则 广告条尽量选择国际标准尺寸。如果不是用来进行交换，或仅仅针对单独的页面 一个页面内不宜有超出两个468×60像素的全尺寸Banner 大尺寸Banner要注意配合页面设计 因为88×31像素的Banner尺寸小，网站之间互换时常采用 确定是动态还是静态的Banner Banner的“重量”要轻，以468×60像素的Banner为例，大小最好是20KB左右 不要超过35KB；而88×31像素的Banner大小最好在5KB左右，不要超过7KB。当然随着网络宽带的普及 * 本章总结 了解网站中Logo和Banner的作用与重要性 掌握Logo的设计与制作 掌握Banner的设计与制作 * 第4章