如何让设计充满动感.doc

【译者的话】 又是一篇经典文章：如果说静止的图片是现实生活中的“暂停”，那经过我们设计人员的手，却可以让这些静止的图片再次动起来——这就是设计的魅力之一。本文以一个实例来详细说明我们如何设计出充满动感十足的作品。
艾尔非常享受那一天：他及他的朋友驾着那辆真正的越野车，来到远离公路的地方，在凹凸不平的泥泞里尽情挥洒着他们的奔放和激情。艾尔在当天还照了一些非常不错的照片回来，其中一张照片非常适合他的商店下一轮的优惠宣传。问题是，他所设计的作品并没有真正呈现那天活力十足的气氛。虽然在作品上各种信息都非常齐全，该有的都有，但那种强劲的感觉、刺耳的轰鸣声——这些有趣的元素，却表达不出来。
一张静止的照片是现实生活中某个时刻的“暂停”，而设计师却可以让静止的东西重新启动。我们首先要考虑的是图片，而不是整个版面的设计。我们要仔细观察图片的边缘、形状、方向等等这些东西，然后再用字体、颜色及排版来强调或补充整个设计。看一下我们是怎么做的？

原来的设计，尺寸为 6 ?4 英尺
这张优惠宣传卡片中，所有的信息都很清晰：商店的名字放在上面，优惠的信息放在下面，而图片放在中间，而且图片非常漂亮，一眼望去，也可以说是非常有冲击力的一个设计。但由于这张宣传卡片的尺寸并不大，而且，图片周围都被文字围绕，所以图片的冲击力就大大被削弱了。原来的设计师考虑的是“版面”，而我们需要考虑的是“动感”！
（译注：上图为售卖各种越野车的优惠宣传，产品有越野摩托车、适合各种地形的汽车、卡车、二手车。下面的文字为：“限时优惠” “每件商品 7.5 折” “已折价或优惠商品除外”
让图片变大：
引擎的轰鸣声、崎岖的山路、泥土飞溅到你的脸上——对于这些元素，图片越大，感觉就越真实。所以为了使到观看的人可以更强烈地感受到，我们需要将整张图片放大到与整张卡片的尺寸一样大。

我们将图片放大，周围不要留有多余的空间。在原来的设计中，汽车的图片呈水平摆放，而版面却是竖立的，而且图片只占整个版面的一部分，使得观看的人并不能感受到图片所传达的信息。如果我们将它放大的整张卡片的尺寸，那冲击力就大大增强了，而且也更容易引人注目。
加多点泥土！
现在，我们要寻找一种能够配合这张图片的字体，具体在这个设计中，我们需要一种粗壮、有飞溅斑点及不规则边缘的字体。

Sabotage 字体与本设计非常相配

我们的设计要跟主题紧密配合，在这个设计中，如果所有元素都显得干干净净，那根本不能有效传达出与泥土有关的感觉。而 Sabotage 字体（见上图）所呈现的那种碎裂、飞溅及不规则边缘的特性与泥泞简直是天生一对。而且这种字体显得相当粗旷，能够给人一种重量感及活力十足的感觉。

但对于版面中的小字，我们需要的是清晰易读，所以我们需要一种简单、开阔的字体（上图左）。如果我们在小字上还是采用 Sabotage 字体（上图右），那在字体尺寸不大的情况下就难以卒读了。
清理“现场”：
现在我们的整个版面都被图片占据了，根据这张图片的构成，可以看出，文字只能放在上方。现在我们要做的事是要将图片的主要对象与背景分离。这涉及到三个步骤：
一、定好分离的水平线：

我们要在背景上方创造一个区域出来，但同时要保留汽车“偏离水平线”的动感，我们将整张图片分为两部分，然后将上方的杂乱背景去掉（用 PS 软件就可以啦）。

为了能够传达原图片的动感，我们要将那些飞溅的泥土加上去。

我们将背景填充。用吸管在原来的主图中取一种颜色（见上图），我们取了一种充满泥土气息的颜色——棕色，将上方背景填充。主图有很多颜色，为什么要取这种颜色？因为我们要考虑到对比。

从上图的示意图可以看出，越是强对比，背景与背景分离的感觉就越强。
加上文字：
设计的魅力在这里又一次体现了：文字的字体越大，冲击力越强，那种轰鸣的感觉就越能够有效传达。我们将字体放在图片的后面，这样是为了能够让汽车的动感直逼读者！问题来了，字体到底要多大才合适？

为了能够传达一种力量感及兴奋感，我们要掌握好一个平衡点：一方面，字体要尽可能大，另一方面，它要容易阅读。从上图可以看出，如果字体太小，只会给人一种字体与图片分离的感觉，缺乏冲击。而太大的字体虽然很有力量，却要付出难以阅读的代价。而上图最下方，则掌握得刚刚好。

现在的字体的尺寸能够与图片完美配合
加上标志：
版面的左上方是一个非常容易引人注目的位置，这么宝贵的地方，当然要留给我们商店的名字啦。但不要太过俗套！我们要将标志略略斜放。

倾斜的标志能够与其它元素配合，而且也产生一种紧张的、不稳定的气氛。请留意标志右边的文字，它们与椭圆形的标志是有一点重叠的。 同时留意上图大图中,各种文字的页边距之间的关系.
颜色调整：
颜色可以将字体与图片产生更协调的联系。我们要选择一两个重点元素突围而出。

背景采用了泥土气息的颜色，我们要选择的另外一种颜色必须根据这种主色去寻找。让我们来看一下色轮有什么颜色与它相配。为了使字体与背景能够产生良好对比，我们选择了在棕色旁边的橙黄色。而且黄色与另一端的红色标志也能够和谐搭配。但是，旁边大块的棕色会略略减弱标志的醒目程度。而其中的小文字则选用棕色的浅色调，这样是为了能够突出主要的文字。
本文所用颜色：

8