《简单几个方法设计出优秀的户外广告画面4724.docx》由会员分享，可在线阅读，更多相关《简单几个方法设计出优秀的户外广告画面4724.docx（43页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、【译者的话】我们经常要面对一些展示牌的设计，如户外广告牌、户外横幅、灯箱广告、宣传挂画、展板的设计，它们的尺寸往往都非常大，但这些展示牌经常身处于一个混乱的复杂环境中，而且一般是从远处观看，这无形中给我们的信息传达带来了很多挑战。做好一个大型的设计，要首先考虑的却是小的问题。无论你是在设计展销会的横幅、广告牌、路标或者海报，要设计这些大的版面关键是要思考小的问题。大的牌子随处可见在高速公路旁、招牌、展销会、博物馆，但无论如何它们有多大，它们都存在一个两难之处：在以一定距离观看时，它们其实显得很小。所以为了保证设计出来的效果良好，我们要把它们当作是一个小的版面来处理一张图片，简短的文字，简单的字
2、体，没有重叠（因为你需要有一个清晰的轮廊）并保持整体简洁（因为它们往往身处一个混乱的环境之中）。让我们看看如何设计：在上面这个修改前的设计中，如果单独在电脑中观看，感觉良好（最上图），但如果将它挂在展销会上，版面中的各种细节就会在这种嘈杂的环境中完全消失，而且它实际看起来非常小。这个设计运用了太多的文字、颜色、重叠，整体显得很复杂，在这种实际环境中，很难显得突出。重组您的信息将你的信息最少化，而且还要考虑白色空间，在一个复杂的环境中，你需要营造一个舞台来展示你的信息。修改后的横幅感觉完全不一样！虽然有相同的图片甚至图片的尺寸也一样，但修改后的设计采用了简短的文字及简单的字体及颜色，当它挂在展销
3、会上，显得非常清晰干净，参观者会驻足观看你上面的信息。其中有趣之处在于，当你设计一个大版面时，其实与你设计一个小设计是一样的。上面修改后的设计有以下几个特点：最大的元素是白色，与黑色的天花板形成鲜明对比，并且营造了一个传达信息的区域；版面的脸部显得更自然，更吸引人，因为它的背景是白色，而在原来的设计中，脸部被黑色区域所束缚；简短的文字显得粗壮，所用的字体结构简单；黑色及红色均是非常有力量的颜色，放在白底上，让人无法忽略。从简短标题开始一到三个词组已经可以产生理想效果。文字越少，它就可以显得越大，最重要的是，能够让人看一眼，就读懂其中的意思。上面图中，哪个更有效传达信息？答案不明自喻。右边只有一
4、个词的标题一下子就让人明白，而左边的，虽然也只是短短的两行字，但在远距离观察时，难以卒读。如果是高速公路边的牌子按左边的设计，甚至都无法让人完整读完其中的文字，就已经绝尘而去。所以简短是非常重要的。加上一个清晰的图片何谓清晰，就是图片的元素是你熟悉的对象，只有少量的细节元素，而且还有一个清晰的轮廊。上面这两个设计，一眼望去，哪个猎豹更容易辩认？左边的猎豹，处于自然环境中，让人难以一下子辩认，而右边的猎豹却一览无遗。在这个右边的设计中，猎豹的背景是人工去掉的，而实际上很多图片中的对象，本身就具有一种自然轮廊（见下方右列）。当然，最清晰的对比仍然是没有背景的情况下。近距离阅读的信息大部分展示牌都可
5、以让人靠近观看。当在近距离时，我们可以加上一些细节文字说明，这些文字可以是使用一些小的字体及更加复杂一点的图案。设计一些小元素与设计一个小版面没有什么两样。到底有多小？我们要确保一个人站在离展板3英尺（约1米）的距离时也能够舒服地阅读其中的文字。我们可以将文字设定为48-60pt之间。当然，最理想是你将文字用实际尺寸打印下来，然后站在它们面前亲自验证一下。建立系列视觉感一系列的展板（如博物馆中的展板）在他们相似时，出来的整体效果是最好的。要特别注意其中的尺寸关系。鹰的这个展板，无论是形状与大小，都与猎豹有很大的不同，但其构成却是一样的标题只有一个名称，同样的字体，同样的颜色，同样的细节，同样的
6、大小关系，包括大的轮廊图片，小的细节元素，而且视觉份量总是基本一致（见上小图）。如果我们开始采用的是大的细节元素，而图片及标题则采用很小的尺寸，那整个观感看起来会有很大的改变，也很难形成一系列的视觉感。这些尺寸相对关系，并不一定要很准确地衡量，凭感觉是大概一样就可以了。上面的两个图，有些细节是在不断重复的。留意两张图中都有一张小圆图，地图采用了轮廊图，还有相同的颜色，地图与图片重叠。两个展板的相对关系位置虽然不一样，但看起来却感觉是一个系列。很重要的一点是：不要随意去改变里面这些元素关系。信息展示信息展示牌一般是能够近距离观看的，它的作用并不是要引起别人的注意，而是提供一些信息说明，我们可以将
7、其当作是一个大页面来处理。超大尺寸的墙上展板（上图）是由一张高象素的照片及两组文字（字体大小分别为90pt及75pt）构成，这个尺寸确保了可以让人舒服地阅读。超细的标题字体传达出了蝠鲼（Manta）的感觉，同时也没有压抑蝠鲼自身传达出的力量感。在这张图中，以仰视的角度观看是比较理想的，而文字也在引导观众的目光向上移动。这个版面的设计模仿了一个杂志的页面设计。下图是一个非吸烟区的指示牌设计促销设计：我们可以在购物广场上轻易看到各种促销广告牌，它们希望引起你的注意并点燃你的购买欲望。这些促销广告牌大部分以中距离或近距离观看。为你的目标顾客而设计：一般来说，将字体直接放在照片上，并不是一个好的选择*
8、，但在这里它却传达出一种时装杂志的视觉效果，这样的风格可以让那些目标顾客立即感觉亲切而熟悉。Futura Bold字体非常简单，也使到字体的拥挤感减至最低。下方是一个干净的空白区域，使用超细的字体也能够有效地传达出店铺名字，你已经不必将文字拉得很大或加粗字体线条或改成全大写字母就已经可以让人轻易注意到。* 当字体与图片重叠时，它们重叠的区域空间、大小、颜色及色值都非常相似，这会造成两者互相冲突。字体如果能够与背景形成强烈一点的对比，效果当然会更好一些。告示牌：告示牌往往传达一些即时的信息及简短的通知，一般是中距离及近距离观看。路牌设计：路牌用于指示方向，它包括了高速公路旁那些户外广告牌大小的方
9、向牌及一些象酒店大堂里的箭头指示牌。设计路牌，不要忽略距离。本文所用颜色数值如下：为什么一一张图片片比三张张图片更更有力量量？如何何设计产产品使用用指南？如何在在设计中中通过各各种对比比产生层层次感？如何使使设计内内外统一一协调？如何设设计一个个独一无无二的签签名式 LOGGO ？本文继继续发扬扬实用主主义，对对这些问问题给出出了解决决办法。五五个设计计技巧，开开拓你的的设计视视野。封面设计计：小即即是多当你在设设计时手手头上有有三张照照片，你你会如何何处理？你会将将这三张张照片都都用上，对对吧？其其实没必必要！一一张照片片就已经经能够使使设计信信息有效效传达。在在这个例例子中，校校区里的的塔
10、楼就就已经能能够传达达出这所所学校的的本质，比比用上三三张效果果更好！标题单单独一行行，文字字中的背背景颜色色区域静静静地传传达出有有关信息息。 设计师有有三张照照片，但但如果在在版面上上都用上上这些照照片，那那你还要要对这三三张照片片进行剪剪切，然然后将它它们挤进进版面里里。但出出来的效效果却是是，这三三张照片片在版面面中的样样式很相相似（相相似的图图片元素素及图案案），文文字阅读读起来很很费力。所所以，设设计师又又不得不不将字体体变得很很粗，字字体变粗粗后，又又要找个个地方放放置学校校的名字字，所以以在最下下方设计计师又加加上一个个紫色区区域来突突出学校校名称。设设计师越越“设计”，封面面
11、就越虚虚弱。无无论是学学校信息息还是所所要传达达的文字字信息都都在这些些复杂的的、太多多人工痕痕迹的元元素中消消失得一一干二净净。封面面可以说说是成为为“被侮辱辱及被损损害”的对象象。为什什么会这这样？因因为设计计师做过过头了！解决办办法：只只让一张张图片来来说话！记住，在在设计中中，小即即是多。学学校的塔塔楼已经经可以传传达很多多信息。简简单的居居中设计计，就是是直接让让这张照照片“说话”，然后后加上文文字就行行了。注注意在上上图中，文文字的背背景区域域并没有有横跨整整个版面面，因为为我们要要让图片片由上至至下都可可以流动动。而上上图右，学学校的主主色（紫紫色）及及褐色与与树的绿绿色形成成吸
12、引人人的视觉觉效果，留留意这三三种颜色色在色轮轮中的位位置关系系，绿色色及褐色色是紫色色的补色色的邻近近色，听听起来很很复杂？紫色的的补色是是色轮中中相隔 1800 度的的草绿色色，而草草绿色的的两边邻邻近色就就是绿色色及褐色色（留意意色轮中中的线条条）。我我们将这这种颜色色关系称称之为“补色分分割”（ SSpliit ccompplemmenttaryy ）。排版：文文字应该该与图片片紧密配配合我们经常常会接触触到一些些与电器器、高科科技产品品，而设设计一个个描述式式的版面面其实充充满乐趣趣。原来的设设计使版版面变得得复杂。对对于这种种小型产产品的使使用指南南，我们们的目标标是要追追求简单单
13、易读，让让使用的的人一看看就知道道文字是是指哪一一部分。但但上面的的设计却却使这种种联系断断裂，也也使到这这张说明明卡片的的元素呈呈一个平平放的“ L ”型，在在上图中中，图片片放在一一边，而而文字说说明则放放在另一一边。结结果就是是，产品品显得很很单薄，而而页面中中间那么么重要的的空间却却空无一一物。读读者为了了看明白白这张卡卡片，不不得不来来来回回回仔细对对照。在修改后后的版面面中，产产品显得得靠前，而而且居中中。我们们将产品品尽可能能拉大，然然后将各各个要说说明的部部位用引引线在其其周围说说明。非非衬线字字体容易易辩认阅阅读。文文字对比比不强烈烈，整个个版面显显得干净净清爽。并并不需要要
14、象原图图一样采采用数字字来说明明。最底部的的联系信信息排成成一行，呼呼应产品品的水平平感。而而文字都都是同一一种字体体，只是是样式不不一样而而已用粗体体和细体体来形成成对比。版面：差差别产生生层次哈钦斯大大街广场场酒店（ Huttchiins Strreett Sqquarre HHoteel ）是是举行会会议、宴宴会、接接待及其其它活动动的理想想场所，但但如果你你只是看看它的这这张价格格宣传单单张，没没有人会会觉得这这家酒店店有什么么优点。它它的版面面缺乏生生气，字字里上的的文字同同一种字字体，同同一种尺尺寸，同同一种的的样式，同同一种颜颜色，但但都迷失失在白色色的海洋洋中虽然页页里上写写满
15、信息息，但毫毫无生命命力。这种低调调的设计计很容易易让人忽忽略，但但你要记记住，对对于酒店店来说，很很多顾客客第一个个看到的的东西就就是它（也也可能是是最后！）。还还是让我我们花点点时间来来设计，使使人瞥上上一眼就就能知道道它要说说什么。这个设计计让人看看起来并并不象是是一家酒酒店，反反倒象是是一个电电子邮件件的宣传传版面，所所有东西西都是相相同的，缺缺乏变化化，而图图表的细细线看起起来就象象是用铅铅笔画出出来一样样，没有有层次，没没有视觉觉焦点。宣宣传的对对象倒是是美轮美美奂（见见下图），但但问题是是，如果果这张价价格牌本本身不能能吸引别别人阅读读从而使使顾客走走进这家家酒店，里里面再漂漂亮
16、，也也没有人人知道！这张平平淡的单单张使所所有的信信息都变变得暗淡淡。看一下我我们改造造后的效效果：通过字体体创造出出层次感感：只需需要简单单的对字字体、字字体样式式及颜色色作一些些调整，就就可以轻轻易使版版面变得得吸引。上上图中：1, 此此处让人人一看就就知道是是标题，其其字体轮轮廓与桌桌子上的的摆设有有共同的的特征；2 及 3 ，粗粗体突出出主要信信息，而而黑和白白则告诉诉你这是是两个不不同的信信息；4 ，细细体是具具体的描描述文字字；5 ，线线条用了了白色而而不是黑黑色，线线条不明明显，使使整个图图表给人人一种以以行排列列的感觉觉。通过颜色色来创造造层次：深中浅浅三色是是用吸管管在这张张
17、宴会厅厅的图片片上取色色的，我我们用这这三种颜颜色安排排版面，轻轻易创造造出层次次感。深深色用在在图表的的上方，而而另外两两种用来来区分每每一行。由由于这三三种颜色色来自于于酒店图图片，使使到颜色色直接与与酒店产产生了联联系。版面：由由外到内内要使设计计的内部部与外部部有着相相同的风风格需要要一定的的技巧。怎怎么做？简单，将将封面的的字体、颜颜色、图图片风格格及主要要的版式式都搬到到里面去去。注意意各种元元素的比比例，如如绿色的的使用比比例及图图片的大大小，具具体看一一下效果果：人物采用用轮廓形形图片，没没有背景景，使到到其不规规则的边边缘显得得更有活活力。对对一张大大图片来来说，采采用这种种
18、轮廓形形的设计计，可以以加强图图片的力力量，使使图片充充满流动动感。模模糊的边边缘传达达了一种种开阔及及健康的的气息。留留意，两两张图片片在实际际应用中中都有一一个直角角形的部部分，即即图片直直接去到到出血位位区域。而而文字无无论是左左对齐还还是右对对齐，都都与这种种直角区区域相似似。留意意设计中中的标题题，采用用了一种种非常幼幼细的字字体，这这种字体体充满清清新，一一如版面面的风格格。两者者配合，天天生一对对。【0yees的话话】本例例不是通通道抠图图，只是是介绍如如何运用用PS的的计算命命令轻松松做选区区，计算算这个工工具，你你可以理理解为它它是一个个加法器器，它的的作用，是是把两个个通道
19、内内的图像像，进行行叠加用用的。因因为通道道栏和图图层栏虽虽然看起起来很像像，但图图层栏有有个一重重要的特特征，就就是有上上下的层层属关系系，上下下层之间间的叠合合方式，可可以有多多种不同同的处理理手法。今今天我们们通过一一个实例例来学习习计算命命令的运运用但是在在通道，几几个通道道之间，并并不存在在上下的的层属关关系，有有时侯，我我们想要要把两个个通道混混合起来来，就不不能像图图层那样样，简单单的复制制一个图图层，选选择它们们的叠加加方式了了。这个个时侯，这这个计算算工具，就就显出它它的威力力来了。我们来看一个例子。在这个例子当中，我们如果想要把这个洋鬼子选择出来，应该如何来作？我们来看看一
20、下，这这个图片片的三个个通道，我我们发现现一个很很糟糕的的事情，就就是红通通道内，人人物衣服服和背景景区别较较为明显显，但是是肤色和和头发又又和背景景靠的太太近，而而在蓝通通道内，头头发和背背景区别别较明显显，但衣衣服又和和背景靠靠的太近近。有有没有办办法把两两个通道道给揉成成一个呢呢？分析析这两个个图片，如如果它们们是两个个图层，那那就很好好办，把把蓝通道道反向操操作之后后（因为为蓝通道道的头发发是白的的，背景景则较暗暗，与红红通道内内正好相相反），以以颜色加加深的方方法叠加加在红通通道上，就就能得到到一个不不错的结结果。但但是这不不是两个个图层，而而是两个个通道，它它们怎么么融合？接下来来
21、，就有有请我们们的“计算”闪亮场场。 先来看一一下计算算的面板板。这个个面板主主要分了了四块，第第一块，是是叫作源源1，它它是我们们要混合合的第一一个通道道。第二二块，是是源2，是是我们要要混合的的第二个个通道，在在默认的的状态下下，都是是当前图图片的红红通道。第三项是混合方式和混合透明度。混合方式没什么可说的，和图层的混合完全一样。这个透明度要多注意一下，它是谁的透明度？它是源1的透明度，比如我们在源 1当中设了红通道，源2当中设了蓝通道，如果把透明度设成0，那最终的结果就是源1对结果没有丝毫的影响，最终输出的就是蓝通道。第四个部分是最终输出的结果，因为和图层不一样，通道基本上是不能互相影响
22、的，所以我们混合以后，最终要把新生的部分，生成一个新的通道，ps给出了几种方法，大家可以看一下，新生成一个文件，新生成一个通道，新成一个选区，考虑到我们还要对这个新通道进一步的修饰，那还是让它生成一个通道吧。这是我们们针对本本图片作作的计算算的设定定。我把把源1，设设成了红红通道，源源2设成成了蓝通通道，并并打开了了反向的的设定，然然后叠加加方式选选择了一一下正片片叠底。如此的设设定代表表了什么么意思？可以正正么说，我我们所作作的设定定，干了了这么一一件事情情：就是把两两个通道道，像图图层一样样的叠放放起来，用用的叠放放方式叫叫作正片片叠底（顾顾名思义义，就是是和把两两个图片片，印在在反转片片
23、一样的的透明片片上，然然后上下下叠加起起来差不不多的感感觉），最最终生成成了一个个新的通通道。我们在通通道栏当当中，就就可以看看到我们们新计算算出来的的通道了了。将这个通通道使用用曲线，色色阶，画画笔叠加加等等之之前用过过的方法法，修整整到最后后得到的的结果。如何将产产品的特特点在名名片中得得到延续续？面对对越来越越多轻而而易得的的各种丰丰富设计计元素，一一个设计计师往往往容易迷迷失其中中，最终终使一个个设计版版面变得得拥挤不不堪。排排版中的的一些小小细节一一不留意意就会造造成信息息传达的的不清晰晰。一张张便条纸纸贴在“网页”上使信信息更加加有效传传达，轨轨道式的的排版形形自然形形成了一一个视
24、觉觉焦点。名片：重复形状努比优格格（Nuubi Yoggurtt）是一一家新兴兴的奶酷酷连锁店店，它的的奶酷产产品显得得明亮新新鲜。你你如何将将这种产产品特色色也在一一张名片片上体现现？非常常简单：使用一一条线，一一个弧线线，一种种亮色。名片：一一个对象象的设计计现在网网上有很很多图案案及图片片素材可可以轻易易下载，它它们在不不断地引引诱你将将名片、手手册、广广告及网网页的版版面填满满，所以以充斥着着太多图图形的版版面设计计随处可可见。但但你千万万不能成成为其中中的受害害者！有有时一张张图片已已经胜过过十张，而而且设计计起来更更加简单单，不要要自讨苦苦吃。单个元素素传达更更多：各各种各样样的工
25、具具对于房房屋修建建工程虽虽然很有有用，但但对于设设计来说说却恰恰恰相反。原原来的毛毛笔手写写体多少少有点女女性味道道，而且且各种工工具显得得模糊不不清，其其实这些些图片只只能产生生嘈音。而而我们修修改后的的名片，字字体(IITC Macchinne字体体)显得得粗壮并并呈角状状，传达达出一种种与行业业相符的的特色。而而最底下下一把简简单的卷卷尺已经经传达出出一种专专业、阳阳刚及果果断的气气息。一个元素素已经足足够触动动人心：一个普普通的毛毛线球是是否具有有足够的的美感？答案是是肯定的的。如果果仔细打打量，毛毛线球的的纹理、颜颜色及触触感已经经呈现丰丰富的细细节，也也只有在在只放一一个元素素的
26、卡片片上，你你才会留留意到这这些细节节。优雅雅的字体体（Slloopp Sccrippt OOne字字体）与与毛线球球形成恰恰到好处处的互补补：其流流畅的字字母线条条象是织织针，而而颜色则则取自于于毛线球球的图片片。图案案：便条条纸谁能能忽视一一张黄色色的小小小便条纸纸？没有有人！便便条纸显显得轻巧巧简单，并并且它们们可以贴贴在很多多地方包括括你的网网页！让让我们看看看出来来会是什什么效果果？价廉物美美的设计计：便条条纸象一一个不速速之客，它它让你无无法不注注意它。你你可以自自己设计计你喜欢欢的版面面，然后后作为“特别告告示”之类的的信息贴贴一两张张在你希希望别人人看到的的地方。记记住一点点：
27、它是是一个最最先会被被注意的的元素。如如果你在在同一个个网页用用过，那那以后更更换信息息时最好好也贴在在同一个个地方，不不要过于于兴之所所致。你你可以在在网上下下载一张张便条纸纸的图片片，不过过你如果果想方便便灵活应应用，你你也可以以自己做做一张，在在PS中中只费你你十分钟钟的时间间。上面面的字体体，可以以是httml文文字，或或者自己己手写后后再扫描描上去，当当然，也也可以直直接用一一种手写写字体直直接打上上去。顺序：排排列空间间对于一一些排版版细节，如如果你稍稍一不注注意，就就会导致致版面让让人手足足无措。要要记住，你你认为理理所当然然的东西西并一定定也是读读者认为为理所当当然的。封面：焦
28、焦点轴心心一本关关于烹饪饪配方及及香料的的书籍封封面需要要一个象象碟子一一样明亮亮的风格格，而且且还要传传达芳香香的味道道。解决决办法：多个圆圆环围绕绕一个焦焦点图案案。 圆套圆：整体显显得优雅雅，而且且构成相相当简单单：碗、盘盘子、薄薄荷叶及及黄色玻玻璃杯都都不对称称地环绕绕着中间间那碗呈呈绿色的的汤。而而水平的的文字与与页面的的角位形形成视觉觉联系，白白色主导导版面。整整体出来来版面象象香气那那样轻巧巧，引导导眼睛不不断去到到中间的的文字上上。圆形形形成一一个视觉觉焦点，水水平元素素形成了了互补元元素。标题放置置在汤的的上面，这这正是引引人注目目的地方方。而白白色的一一行小标标题文字字显得低低调，使使其没有有干扰上上面圆环环的“轨道运运转”。