[译]如何设计网页小广告(banner)(4)
作者:陈汉聪 来源:logo设计在线 发布时间:2009-10-16 20:40:00
利用文字来组织图片
在版面非常狭窄的时候,文字与图片必须谨慎配合,避免让人产生两者分离的感觉。事实上,文字与图片必须形成同一种信息。记住,字体也是一种图形,所以你可以充分利用字体的样式、形状、粗细及颜色来补充和加强图片的力量。
一张全景图注定不会简单,文字 “ EI Capitan ”与这座作为焦点的花岗岩山峰分开。当然,我们可以通过剪切来作进一步的处理,但有一个问题,这座山峰的美丽正是要有一定的距离感及它周围的细节才体现出来。而下方的那个绿色实色区域使到文字与图片分离,避免了整张图片变得过于复杂。
上图的图片经过剪切,使其更加收紧。现在山峰给人一种更加强烈的高耸感而不是开阔感。阴影也使图片形成了纵深。同时采用了一种缩窄的大写字母,使到文字与图片形成一个有机的整体,使读者的眼睛看上一眼就能够留意。
上图采用名信片的设计样式,尽管图片没有改变,但这种处理方式却使整个设计显得更加宁静,也更有画廊的气息。灰色的字体在白色区域上仍然能够容易被辨认,开阔的白色区域也使到图片有一种水平感。
再来看一下实际大小的效果:
让我们进一步来探讨上述的设计:
首先将一张大图片缩小到合适的尺寸( 1 )。
将图片的宽度变成标准的 120px ,而图片高度要少于 90px ,因为我们下方还要加上文字区域( 2 )。
用一种实色填充下方区域,同时这个区域也与图片有一些重叠。颜色来自于图片,用吸管在图片取色( 3 )。
最后加上文字( 4 )。当您要面对一种复杂的或者有太多细节的图片时,这种处理方式是比较理想的。
这里,我们对图片进行剪切,为该图片创造出一个视觉焦点。然后再寻找一种能够加强该图片传达的字体。在这个例子中,我们采用一种又高又窄的字体填满下方整个区域来加强这座山峰的特点。留意上方的那行细字,山峰是叠在这行文字上方的,加强了图片的层次感。也使到这座花岗岩山峰有更加靠前的感觉。
猜你喜欢
- 一个封装好的JavaScript拖动类,使用方便:<div id="idDrag" style="bor
- 我插入Mysql5的中文一直是乱码。但是直接使用mysqlAdmin,EMS等工具插入DB就不是乱码。而且我还可以使用程序正常地读出来。原因
- Dreamweaver中一直变色的超级链接,css+javascript实现超级链接变色,当鼠标移动到链接上时,链接的颜色不停闪烁变色。&l
- 类型主要针对文本属性进行定义。理解“编辑字体列表”和“行高”。二、CSS规则定义之“背景”·背景有背景颜色和背景图像的选择设置。·利于背景图
- 在编写 XMLHttpRequest 请求时,需要掌握服务器端返回的内容。针对 Firefox 浏览器,我们常用的 Firebug 就能非常
- 在任何编辑器中,获取光标位置都是非常重要的,很多人可能认为较难,其实只要处理好浏览器的兼容,还是比较容易实现的。下面我们一起来看看如何获取到
- 网上有许关于固定表格的标题行的文章,但是既要固定标题行又要固定标题列的却几乎没有。现我写下如下代码以供大家参考:<html> &
- 有三种主要的错误类型: 1.编译错误: 这种错误出现一般都是代码的语法问题。因为编译错误而导致辞ASP停止运行。 2.运行错误: 这个错误是
- 一个单步的动作,用了这个脚本,就可以重复执行100遍1000遍。上面就是一个路径描边100遍的效果,吼吼~ 不知道大家明白用处没有?(以前老
- <!--#include file="conn/conn.asp"--> <% set Newslis
- 首先要说明的是,这个标题有点标题党的意思,这个 bug 也存在于 IE8 下,在 IE6 和 IE7 下正常。之前写过两篇关于 I
- 看看这个指令在ASP程序中的应用,有[delete from 歌手 where 艺名='cs2000'],删除艺名为cs20
- 最近决定把MT的后台数据从Berkeley的文件DB转到MySQL。原因之一是使用关系数据库可以获得更多的灵活性,比如运行一条sql来变更
- 版本 0.9来自 http://onewww.net说明:当焦点不在表格内的input时,回车键复制最后一行,delete删除键最后一行选择
- 将转储设备加入到SQL Server备份数据库的地方。在SEM中转储设备是可见性的,并且在设备上的信息被存储在主要数据库的sysdevice
- 不正确地调用Windows应用程序接口可能会产生一些意想不到的副作用,以及潜在地对一个应用程序的代码及数据段的破坏。正确地使用一个空的32位
- 从某种意义上来说,页面设计(web设计)也就是用户界面设计。有许多技巧可以帮助我们制作出漂亮、实用的界面,这里收集的5个小技巧就会对你有所帮
- 如何用数据库制作一个多用户版的计数器?代码和说明如下:count.asp' 计数器的核心程序<%Set c
- 最近自己很关注文档的撰写,包括如何制作PPT。因为发现自己在表达想法和观点的时候,从自己的语言到文字都异常的欠缺。常常需要“高人”帮忙翻译。
- Oracle是应用最广的大型数据库,而在范式下进行Oracle数据库设计则可以大大减少数据冗余,使数据库维护更方便,可惜范式下的数据表一般不