[译]如何设计网页小广告(banner)
作者:陈汉聪 来源:logo设计在线 发布时间:2009-10-16 20:40:00
标签:广告,设计,banner
【译者的话】 网页上的小广告(banner)已经成为一种宣传推广的重要形式,但这些小广告除了版面细小外,图象的表现还受到象素较低等其它因素影响,给传统的平面设计师带来了新挑战。如何让你的小广告在混乱无章的网页中脱颖而出?本文介绍了几种解决的思路。
原文出处:www.bamagazine.com
如何在细小的空间设计出视觉效果吸此人的广告(banner)?
第一步:使用简单的照片
对付一些区域狭窄的空间需要涉及一些特别的要求,第一步,就是采用一张简单但又能传达很多信息的照片。
一般的广告总是采用整张图片加上文字配合,而网页上一个标准的小广告的尺寸是 12 0 × 90 象素,分辨率为 72dpi 。空间确实很小。你如何在这个小地方加进你想要的东西?象上图,难道你想让整个纽约市都塞进这个小空间里?那只会让这些建筑物变成一个个斑点而已。当我们面对这些小广告的版面时,并不应该只是将整张图片简单缩小——因为空间已经很小,分辨率又很低。而一般的网页上总是充斥着很多混乱的信息,将图片只是简单地缩小,那些细微的东西完全不会此起人们的注意。所以我们要思考的是:简单、醒目及简短。我们并不需要使用整张纽约市的照片才能代表纽约,我们应该要运用这个城市的一些象征符号来传达这种信息,比如:自由女神像,帝国大厦,当然,你还可以自己决定其它的东西。
我们要寻找一张具有象征意味的照片,构图要简单,颜色要醒目,角度要明显,对比要强烈,当然,最好是所有这些因素都能够在一起。


猜你喜欢
- 首先看一下分页的基本原理:mysql> explain SELECT * FROM message ORDER BY id DESC
- Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,
- 上周对线上某几个磁盘进行了fio硬盘性能测试,测试完成之后的结果需要绘制成图像展示出来。我在官网上查找
- 过程名:catch(str) 使用方法: 代码如下:on error resume next '你的代码,如数据库连接 call c
- 1.设计原则 1) 标准化和规范化 数据的标准化有助于消除数据库中的数据冗余。标准化有好几种形式,但Third Normal Form(3N
- 目录urllib库urllib.request模块Request对象1 . 请求头添加2. 操作cookie3. 设置代理urllib.pa
- 译注:前两天看到一篇不错的英文文章,叫做 How browsers work,该文概要的介绍了浏览器从头到尾的工作机制,包括HTML等的解析
- reduce 方法(升序)语法: array1.reduce(callbackfn[, initialValue])参
- 今天的这篇文章是讲XHTML中的细节部分的,这篇续述的主题就是ID与CLASS怎么用,在标题中有提及使用原则与技巧,这里的使用原则与技巧是我
- MySQL root密码正确,却怎么也无法从本地登录MySQL,提示ERROR 1045 (28000): Access denied fo
- 首先是建表语句 CREATE TABLE `t_address_province` ( `id` INT AUTO_INCREMENT PR
- <script> Function.prototype.createInstance = function(){ var T =
- 一、 简单查询简单的Transact-SQL查询只包括选择列表、FROM子句和WHERE子句。它们分别说明所查询列、查询的表或视图、以及搜索
- 字符串函数查看字符的ascii码值ascii(str),str是空串时返回0select ascii('a');
- 该章节我们学习虚拟环境的相关知识,虚拟环境对于刚刚使用Python的初学者来说使用的概率可能会比较低。但是我们依然要对它有一定的了解。认识虚
- 例如:JSON字符串:var str1 = '{ "name": "cxh", "
- 一、效果展示此次只选录了以下五种手势,当然你可以自己选择增加手势。二、项目实现原理首先通过opencv的手部检测器检测出我们的手,然后录入自
- (wuhen注:document.all是ie特有的属性,不是万维网标准) 当页面上的控件同名且多个的时候,你首先做的是什么?判断长度?的确
- 有。试试下面这个程序:saveip.asp<%Server.Scripttimeout = 1000On 
- em 和 strong 的区别,可以从三个层次上来谈。首先看 HTML 4.01 中的说明:EM: Indicates emphasis.S