网站的旗帜（Banner）广告条字体设计简析
2010-08-05 14:54:51 作者：不详 来源：网页设计手册
本来想写“Advertisemen中的字体结构分析”，后来发现这个标题写得有点大，偏离了在目前工作中的针对性，因此缩小到banner的范围，以下内容仅个人在目前工作中对banner设计上的一点浅见，仅起抛砖引玉的作用。
Banner的传达方式 ［TOPIC］
针对网站中的banner
- Banner的本身形状：形状决定了其固定的构成方式，一般为矩形，横幅，左右结构和居中；
- Banner的文字特点：主题式，一般分为主标题和副标题，文字较多；设计的时候还需要考虑应用到网站各种尺寸推广图的可读延伸性。
- Banner的图像特点：辅助主题，增加文字的渲染力。
- Banner的传达行为方式：载体为电脑屏幕，IE浏览器的第一屏位置，用户眼睛焦点停留时间约3秒以上。
［由于banner一般用于专题类网站，在门户网站的二级页面，用户进来之前，在首页已经对主题有一定的了解和认识，所以banner的作用是在二级页面中起到包装页面的同时增加内容的趣味度和内容方向引导；所以这也是和传统广告中普遍要求第一感官视觉冲击力来强奸眼球所不同的地方。］
文字在banner中的重要性
对于文字，我们常常听到需求方提出：“字要大！”
“啊？还要大？已经很大了！“ 然后很无奈的拉大一点，其实我们都知道大那么几个像素没有意义；
但细心想想，需求方要的真的只是那么一丁点的追求么？毕竟他们不是设计师，不懂得如何表达自己的想法，而唯一可以让们觉得显眼的方式只有大小的区别而已，或许是因为，字不够显眼，字的处理太普通，背景太抢眼之类的，或许，我们应该理解为：“字要显眼一点“，而”显眼“的方式却有很多种。
Banner=文字+图像［辅助］
Banner上的文字一般都占据了整个banner的70%的区域，而实际图像只占不到30%，往往很多的设计师更专注于那30%的图像设计，忽视了最重要的70%文字区域，最后只用系统字草草拼凑了之，试问这样的一个banner的设计合理么？
尤其当主题被延伸应用到小尺寸推广图的时候，只剩下放文字的区域时，这个推广图算是彻底完蛋了。
- 栏目搜索>>分类导航
-
Flash幻灯
jQuery幻灯
JS幻灯
Flash相册
jQuery相册
图片特效
导航菜单
广告代码
在线客服
表单按钮
其它特效
-
HTML
CSS
JavaScript
Dreamweaver
Fireworks
设计分享
-
建站教程
网站运营
实用工具
网页模板
网页素材
- CSS酷站 网上购物 设计团队 设计博客
- 教程排行榜
- 30个基于jQuery框架的幻灯滑块特效设计的网站实例
- 30个基于jQuery滑动门技术的网站欣赏
- 38款网页设计应用的JS拉洋片幻灯效果欣赏
- 10个优美精致简约风格的导航菜单欣赏及点评
- 最新收集的50多个专业设计公司网站欣赏
- 40+设计独特超漂亮的水平导航网站欣赏
- 全球65个设计出众的设计师个人博客欣赏
- 35套精美绚丽的创意酷站设计欣赏
- 国外颇具特色的电子商务网站设计欣赏(上)
- 20个设计精致漂亮的Photoshop网页设计教程
- 国外颇具特色的电子商务网站设计欣赏(下)
- 21个精美漂亮的网页幻灯片应用案例欣赏
- 网页UI之Banner广告条设计案例赏析
- 2011年网站设计的新趋势
- 手绘风格的15款超级漂亮网站欣赏
- 24个很漂亮用CSS3实现的文本效果演示及教程推荐
- 下载排行榜
- 基于jQuery的超炫酷的3D切换JS幻灯焦点图特效代码
- 半透明立体质感的宽屏flash+xml焦点幻灯代码
- 简洁效果多图切换flash幻灯焦点图代码
- 带标题和数字导航的JS焦点幻灯特效代码
- 适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码
- 31款简单实用的CSS+JS下拉菜单脚本
- 3D立体效果金字塔环形旋转的flash+xml相册代码
- 基于jQuery实现的瀑布流布局列表特效代码
- 透明质感上下滑动带小图预览5屏JS焦点图幻...
- 超酷的3D摩天轮flash+xml相册幻灯图片代码
- 自带多种幻灯效果支持缩略图导航的jquery画...
- 能沿多个方向滑动切换的jquery幻灯代码
- 可改图片尺寸和张数的flash幻灯轮换代码
- 很好看的带缓冲效果CSS下拉菜单导航代码
- 基于jquery很有趣的360度全景图片预览特效
- 6屏幻灯上下滑动式带缩略图和文字介绍的fla...