《简单几个方法设计出优秀的户外广告画面》由会员分享，可在线阅读，更多相关《简单几个方法设计出优秀的户外广告画面（42页珍藏版）》请在金锄头文库上搜索。
1、【译者的话】我们经常要面对一些 展示牌的设计，如户外广告牌、户外横幅、 灯箱广告、宣传挂画、展板的设计，它们的 尺寸往往都非常大，但这些展示牌经常身处 于一个混乱的复杂环境中，而且一般是从远 处观看，这无形中给我们的信息传达带来了 很多挑战。做好一个大型的设计，要首先考 虑的却是小的问题。无论你是在设计展销会的横幅、广告牌、路 标或者海报，要设计这些大的版面关键是要 思考小的问题。 大的牌子随处可见在高速公路旁、招牌、 展销会、博物馆，但无论如何它们有多大， 它们都存在一个两难之处：在以一定距离观 看时，它们其实显得很小。所以为了保证设 计出来的效果良好，我们要把它们当作是一 个小的版面来处理
2、一张图片，简短的文 字，简单的字体，没有重叠（因为你需要有 一个清晰的轮廊）并保持整体简洁（因 为它们往往身处一个混乱的环境之中） 。 让我们看看如何设计：在上面这个修改前的设计中，如果 单独在电脑中观看，感觉良好（最 上图） ，但如果将它挂在展销会上， 版面中的各种细节就会在这种嘈杂 的环境中完全消失，而且它实际看 起来非常小。这个设计运用了太多 的文字、颜色、重叠，整体显得很 复杂，在这种实际环境中，很难显 得突出。 重组您的信息 将你的信息最少化，而且还要考虑 白色空间，在一个复杂的环境中， 你需要营造一个舞台来展示你的信 息。修改后的横幅感觉完全不一样！虽 然有相同的图片甚至图片的尺
3、寸也一样，但修改后的设计采用了 简短的文字及简单的字体及颜色， 当它挂在展销会上，显得非常清晰 干净，参观者会驻足观看你上面的 信息。 其中有趣之处在于，当你设计一个 大版面时，其实与你设计一个小设 计是一样的。 上面修改后的设计有以下几个特点：最大的元素是白色，与黑色的天花 板形成鲜明对比，并且营造了一个 传达信息的区域； 版面的脸部显得更自然，更吸引人， 因为它的背景是白色，而在原来的 设计中，脸部被黑色区域所束缚； 简短的文字显得粗壮，所用的字体结构简单； 黑色及红色均是非常有力量的颜色， 放在白底上，让人无法忽略。 从简短标题开始 一到三个词组已经可以产生理想效 果。文字越少，它就可以
4、显得越大， 最重要的是，能够让人看一眼，就 读懂其中的意思。上面图中，哪个更有效传达信息？ 答案不明自喻。右边只有一个词的 标题一下子就让人明白，而左边的， 虽然也只是短短的两行字，但在远 距离观察时，难以卒读。如果是高 速公路边的牌子按左边的设计，甚 至都无法让人完整读完其中的文字， 就已经绝尘而去。所以简短是非常 重要的。加上一个清晰的图片 何谓清晰，就是图片的元素是你熟 悉的对象，只有少量的细节元素， 而且还有一个清晰的轮廊。上面这两个设计，一眼望去，哪个 猎豹更容易辩认？左边的猎豹，处 于自然环境中，让人难以一下子辩 认，而右边的猎豹却一览无遗。在 这个右边的设计中，猎豹的背景是 人工
5、去掉的，而实际上很多图片中 的对象，本身就具有一种自然轮廊 （见下方右列） 。当然，最清晰的对 比仍然是没有背景的情况下。近距离阅读的信息 大部分展示牌都可以让人靠近观看。 当在近距离时，我们可以加上一些 细节文字说明，这些文字可以是使 用一些小的字体及更加复杂一点的 图案。设计一些小元素与设计一个小版面 没有什么两样。到底有多小？我们 要确保一个人站在离展板3英尺（约 1米）的距离时也能够舒服地阅读其 中的文字。我们可以将文字设定为 48-60pt 之间。当然，最理想是你 将文字用实际尺寸打印下来，然后 站在它们面前亲自验证一下。 建立系列视觉感 一系列的展板（如博物馆中的展板） 在他们相似
6、时，出来的整体效果是 最好的。要特别注意其中的尺寸关 系。鹰的这个展板，无论是形状与大小， 都与猎豹有很大的不同，但其构成 却是一样的标题只有一个名称， 同样的字体，同样的颜色，同样的 细节，同样的大小关系，包括大的 轮廊图片，小的细节元素，而且视 觉份量总是基本一致（见上小图） 。 如果我们开始采用的是大的细节元 素，而图片及标题则采用很小的尺 寸，那整个观感看起来会有很大的 改变，也很难形成一系列的视觉感。 这些尺寸相对关系，并不一定要很 准确地衡量，凭感觉是大概一样就 可以了。 上面的两个图，有些细节是在不断 重复的。留意两张图中都有一张小 圆图，地图采用了轮廊图，还有相 同的颜色，地图
7、与图片重叠。两个 展板的相对关系位置虽然不一样， 但看起来却感觉是一个系列。很重 要的一点是：不要随意去改变里面 这些元素关系。 信息展示 信息展示牌一般是能够近距离观看 的，它的作用并不是要引起别人的 注意，而是提供一些信息说明，我 们可以将其当作是一个大页面来处 理。超大尺寸的墙上展板（上图）是由一张高象素 的照片及两组文字（字体大小分别为90pt 及 75pt）构成，这个尺寸确保了可以让人舒服地 阅读。超细的标题字体传达出了蝠鲼 （Manta）的感觉，同时也没有压抑蝠鲼自身 传达出的力量感。在这张图中，以仰视的角度 观看是比较理想的，而文字也在引导观众的目 光向上移动。这个版面的设计模仿
8、了一个杂志 的页面设计。 下图是一个非吸烟区的指示牌设计促销设计： 我们可以在购物广场上轻易看到各种促销广告 牌，它们希望引起你的注意并点燃你的购买欲 望。这些促销广告牌大部分以中距离或近距离 观看。为你的目标顾客而设计：一般来说，将字体直 接放在照片上，并不是一个好的选择*，但在这 里它却传达出一种时装杂志的视觉效果，这样 的风格可以让那些目标顾客立即感觉亲切而熟 悉。Futura Bold 字体非常简单，也使到字体 的拥挤感减至最低。下方是一个干净的空白区 域，使用超细的字体也能够有效地传达出店铺 名字，你已经不必将文字拉得很大或加粗字体 线条或改成全大写字母就已经可以让人轻易注 意到。*
9、 当字体与图片重叠时，它们重叠的区域空间、 大小、颜色及色值都非常相似，这会造成两者 互相冲突。字体如果能够与背景形成强烈一点 的对比，效果当然会更好一些。告示牌： 告示牌往往传达一些即时的信息及简短的通知， 一般是中距离及近距离观看。路牌设计： 路牌用于指示方向，它包括了高速公路旁那些 户外广告牌大小的方向牌及一些象酒店大堂里 的箭头指示牌。设计路牌，不要忽略距离。本文所用颜色数值如下：为什么一张图片比三张图片更有力量？如何设计产品使用指南？如何在设计中通过各种对比产生层次感？如何使设计内外统一协调？如何设计一个独一无二的签名式 LOGO ？本 文继续发扬实用主义，对这些问题给出了解决办法。
10、五个设计技巧，开拓你的设计视野。封面设计：小即是多封面设计：小即是多当你在设计时手头上有三张照片，你会如何处理？你会将这三张照片都用上，对吧？其实 没必要！一张照片就已经能够使设计信息有效传达。在这个例子中，校区里的塔楼就已经 能够传达出这所学校的本质，比用上三张效果更好！标题单独一行，文字中的背景颜色区 域静静地传达出有关信息。 设计师有三张照片，但如果在版面上都用上这些照片，那你还要对这三张照片进行剪切， 然后将它们挤进版面里。但出来的效果却是，这三张照片在版面中的样式很相似（相似的 图片元素及图案） ，文字阅读起来很费力。所以，设计师又不得不将字体变得很粗，字体变 粗后，又要找个地方放置
11、学校的名字，所以在最下方设计师又加上一个紫色区域来突出学 校名称。设计师越“设计”，封面就越虚弱。无论是学校信息还是所要传达的文字信息都在 这些复杂的、太多人工痕迹的元素中消失得一干二净。封面可以说是成为“被侮辱及被损害” 的对象。为什么会这样？因为设计师做过头了！解决办法：只让一张图片来说话！记住，在设计中，小即是多。学校的塔楼已经可以传达很多信息。简单的居中设计，就是 直接让这张照片“说话”，然后加上文字就行了。注意在上图中，文字的背景区域并没有横 跨整个版面，因为我们要让图片由上至下都可以流动。而上图右，学校的主色（紫色）及 褐色与树的绿色形成吸引人的视觉效果，留意这三种颜色在色轮中的位
12、置关系，绿色及褐 色是紫色的补色的邻近色，听起来很复杂？紫色的补色是色轮中相隔 180 度的草绿色， 而草绿色的两边邻近色就是绿色及褐色（留意色轮中的线条） 。我们将这种颜色关系称之为 “补色分割”（ Split complementary ） 。排版：文字应该与图片紧密配合排版：文字应该与图片紧密配合我们经常会接触到一些与电器、高科技产品，而设计一个描述式的版面其实充满乐趣。原来的设计使版面变得复杂。对于这种小型产品的使用指南，我们的目标是要追求简单易 读，让使用的人一看就知道文字是指哪一部分。但上面的设计却使这种联系断裂，也使到 这张说明卡片的元素呈一个平放的“ L ”型，在上图中，图片放
13、在一边，而文字说明则放在 另一边。结果就是，产品显得很单薄，而页面中间那么重要的空间却空无一物。读者为了 看明白这张卡片，不得不来来回回仔细对照。在修改后的版面中，产品显得靠前，而且居中。我们将产品尽可能拉大，然后将各个要说 明的部位用引线在其周围说明。非衬线字体容易辩认阅读。文字对比不强烈，整个版面显 得干净清爽。并不需要象原图一样采用数字来说明。最底部的联系信息排成一行，呼应产品的水平感。而文字都是同一种字体，只是样式不一 样而已用粗体和细体来形成对比。版面：差别产生层次版面：差别产生层次哈钦斯大街广场酒店（ Hutchins Street Square Hotel ）是举行会议、宴会、接
14、待及 其它活动的理想场所，但如果你只是看它的这张价格宣传单张，没有人会觉得这家酒店有 什么优点。它的版面缺乏生气，字里上的文字同一种字体，同一种尺寸，同一种的样式， 同一种颜色，但都迷失在白色的海洋中虽然页里上写满信息，但毫无生命力。这种低调的设计很容易让人忽略，但你要记住，对于酒店来说，很多顾客第一个看到的东 西就是它（也可能是最后！） 。还是让我们花点时间来设计，使人瞥上一眼就能知道它要说 什么。这个设计让人看起来并不象是一家酒店，反倒象是一个电子邮件的宣传版面，所有东西都 是相同的，缺乏变化，而图表的细线看起来就象是用铅笔画出来一样，没有层次，没有视 觉焦点。宣传的对象倒是美轮美奂（见下
15、图） ，但问题是，如果这张价格牌本身不能吸引别 人阅读从而使顾客走进这家酒店，里面再漂亮，也没有人知道！这张平淡的单张使所有的 信息都变得暗淡。看一下我们改造后的效果：通过字体创造出层次感：只需要简单的对字体、字体样式及颜色作一些调整，就可以轻易 使版面变得吸引。上图中：1, 此处让人一看就知道是标题，其字体轮廓与桌子上的摆设有共同的特征；2 及 3 ，粗体突出主要信息，而黑和白则告诉你这是两个不同的信息；4 ，细体是具体的描述文字；5 ，线条用了白色而不是黑色，线条不明显，使整个图表给人一种以行排列的感觉。通过颜色来创造层次：深中浅三色是用吸管在这张宴会厅的图片上取色的，我们用这三种 颜色安
16、排版面，轻易创造出层次感。深色用在图表的上方，而另外两种用来区分每一行。 由于这三种颜色来自于酒店图片，使到颜色直接与酒店产生了联系。版面：由外到内版面：由外到内要使设计的内部与外部有着相同的风格需要一定的技巧。怎么做？简单，将封面的字体、 颜色、图片风格及主要的版式都搬到里面去。注意各种元素的比例，如绿色的使用比例及 图片的大小，具体看一下效果：人物采用轮廓形图片，没有背景，使到其不规则的边缘显得更有活力。对一张大图片来说， 采用这种轮廓形的设计，可以加强图片的力量，使图片充满流动感。模糊的边缘传达了一 种开阔及健康的气息。留意，两张图片在实际应用中都有一个直角形的部分，即图片直接 去到出血位区域。而文字无论是左对齐还是右对齐，都与这种直角区域相似。留意设计中 的标题，采用了一种非常幼细的字体，这种字体充满清新，一如版面的风格。两者配合， 天生一对。【0yes 的话】本例不是通道抠图，只是介绍如何运用 PS 的计算命令轻松做选区，计算这 个工具，你可以理解为它是一个加法器，它的作用，是把两个通道内的图像，进行叠加用 的。因为通道栏和图层栏虽然看起来很像，但
