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