[译]如何设计网页小广告(banner)（4）
作者：陈汉聪 来源：logo设计在线 发布时间：2009-10-16 20:40:00
利用文字来组织图片
在版面非常狭窄的时候，文字与图片必须谨慎配合，避免让人产生两者分离的感觉。事实上，文字与图片必须形成同一种信息。记住，字体也是一种图形，所以你可以充分利用字体的样式、形状、粗细及颜色来补充和加强图片的力量。
一张全景图注定不会简单，文字 “ EI Capitan ”与这座作为焦点的花岗岩山峰分开。当然，我们可以通过剪切来作进一步的处理，但有一个问题，这座山峰的美丽正是要有一定的距离感及它周围的细节才体现出来。而下方的那个绿色实色区域使到文字与图片分离，避免了整张图片变得过于复杂。
上图的图片经过剪切，使其更加收紧。现在山峰给人一种更加强烈的高耸感而不是开阔感。阴影也使图片形成了纵深。同时采用了一种缩窄的大写字母，使到文字与图片形成一个有机的整体，使读者的眼睛看上一眼就能够留意。
上图采用名信片的设计样式，尽管图片没有改变，但这种处理方式却使整个设计显得更加宁静，也更有画廊的气息。灰色的字体在白色区域上仍然能够容易被辨认，开阔的白色区域也使到图片有一种水平感。
再来看一下实际大小的效果：
让我们进一步来探讨上述的设计：
首先将一张大图片缩小到合适的尺寸（ 1 ）。
将图片的宽度变成标准的 120px ，而图片高度要少于 90px ，因为我们下方还要加上文字区域（ 2 ）。
用一种实色填充下方区域，同时这个区域也与图片有一些重叠。颜色来自于图片，用吸管在图片取色（ 3 ）。
最后加上文字（ 4 ）。当您要面对一种复杂的或者有太多细节的图片时，这种处理方式是比较理想的。
这里，我们对图片进行剪切，为该图片创造出一个视觉焦点。然后再寻找一种能够加强该图片传达的字体。在这个例子中，我们采用一种又高又窄的字体填满下方整个区域来加强这座山峰的特点。留意上方的那行细字，山峰是叠在这行文字上方的，加强了图片的层次感。也使到这座花岗岩山峰有更加靠前的感觉。
0
投稿猜你喜欢
1.sort()首先看sort()方法，sort方法只能对列表进行操作，而sorted可用于所有的可迭代对象。a = [1, 5, 3, 4- 前言：今天带大家使用JavaScript定制一款网页时钟一、效果展示二、使用的技术主要使用了js的日期对象,实现的时候先创建一个日期对象，并
- 本文实例为大家分享了python实现定时发送邮件到指定邮箱的具体代码，供大家参考，具体内容如下整个链路：传感器采集端采集数据，边缘端上传数据
- 今天我还在摸鱼的时候，运维过来拍拍我的肩膀，告诉我现网内存泄露了。于是我就停下摸鱼的手，开始了问题排查。通过 pprof 火焰图来分析程序的
- 1.前言版本：Python3.6.1 + PyQt5写一个程序的时候需要用到画板/手写板，只需要最简单的那种。原以为网上到处都是，结果找了好
- 上次介绍了如何通过钉钉进行群通知，有同学反馈自己更习惯使用企业微信或公司使用了企业微信，希望也能出个基于Python的企业微信的群通知教程，
- 异步编程带来的问题在客户端Javascript中并不明显，但随着服务器端Javascript越来越广的被使用，大量的异步IO操作使得该问题变
- 一 前言 问题的存在 从代码级别上，也就是应用层次上考虑代码安全的话（也就是不考虑底层的语言本身等问题的漏洞），脚本安全问题就是函数和变量的
- 本文实例讲述了Python爬虫实现网页信息抓取功能。分享给大家供大家参考，具体如下：首先实现关于网页解析、读取等操作我们要用到以下几个模块i
- 调试程序的过程中，发现通过os.path.join拼接的路径出现了反斜杠directory1='/opt/apps/upgradeP
- 本文实例讲述了python函数形参用法。分享给大家供大家参考。具体如下：函数形参：函数取得的参数是你提供给函数的值，这样函数就可以利用这些值
- 前言：柱状图是一种使用矩形柱来表示数据分布的图表，可以横向排列，也可以纵向排列，它的高度或长度和他们所代表的值成正比关系。Matplotli
- Python程序可以调用一组基本的函数（即内建函数），比如print()、input()和len()等函数。Python本身也内置一组模块（
- 本文实例讲述了Python实现向服务器请求压缩数据及解压缩数据的方法。分享给大家供大家参考，具体如下：向服务器请求压缩数据格式，并解压缩数据
- QThread是Qt的线程类中最核心的底层类。由于PyQt的的跨平台特性，QThread要隐藏所有与平台相关的代码要使用的QThread开始
- PHP getName() 函数实例返回 XML 元素及其子元素的名称：<?php $xml=<<<XML<?
- 本文实例讲述了python+Django+apache的配置方法。分享给大家供大家参考，具体如下：下载安装xampp套件下载mod_pyth
- 1、引言在Python网络爬虫内容提取器一文我们详细讲解了核心部件：可插拔的内容提取器类gsExtractor。本文记录了确定gsExtra
- 1、安装requests、xlrd、json、unittest库<1>pip 命令安装：pip install requests
- 在TensorFlow中，tf.train.exponential_decay函数实现了指数衰减学习率，通过这个函数，可以先使用较大的学习率
