如何让设计充满动感.doc

【译者的话】 又是一篇经典文章：如果说静止的图片是现实生活中的“暂停”，那经过我们设计人员的手，却可以让这些静止的图片再次动起来这就是设计的魅力之一。本文以一个实例来详细说明我们如何设计出充满动感十足的作品。 艾尔非常享受那一天：他及他的朋友驾着那辆真正的越野车，来到远离公路的地方，在凹凸不平的泥泞里尽情挥洒着他们的奔放和激情。艾尔在当天还照了一些非常不错的照片回来，其中一张照片非常适合他的商店下一轮的优惠宣传。问题是，他所设计的作品并没有真正呈现那天活力十足的气氛。虽然在作品上各种信息都非常齐全，该有的都有，但那种强劲的感觉、刺耳的轰鸣声这些有趣的元素，却表达不出来。一张静止的照片是现实生活中某个时刻的“暂停”，而设计师却可以让静止的东西重新启动。我们首先要考虑的是图片，而不是整个版面的设计。我们要仔细观察图片的边缘、形状、方向等等这些东西，然后再用字体、颜色及排版来强调或补充整个设计。看一下我们是怎么做的？ 原来的设计，尺寸为 6 ?4 英尺 这张优惠宣传卡片中，所有的信息都很清晰：商店的名字放在上面，优惠的信息放在下面，而图片放在中间，而且图片非常漂亮，一眼望去，也可以说是非常有冲击力的一个设计。但由于这张宣传卡片的尺寸并不大，而且，图片周围都被文字围绕，所以图片的冲击力就大大被削弱了。原来的设计师考虑的是“版面”，而我们需要考虑的是“动感”！ （译注：上图为售卖各种越野车的优惠宣传，产品有越野摩托车、适合各种地形的汽车、卡车、二手车。下面的文字为：“限时优惠” “每件商品 7.5 折” “已折价或优惠商品除外”让图片变大： 引擎的轰鸣声、崎岖的山路、泥土飞溅到你的脸上对于这些元素，图片越大，感觉就越真实。所以为了使到观看的人可以更强烈地感受到，我们需要将整张图片放大到与整张卡片的尺寸一样大。 我们将图片放大，周围不要留有多余的空间。在原来的设计中，汽车的图片呈水平摆放，而版面却是竖立的，而且图片只占整个版面的一部分，使得观看的人并不能感受到图片所传达的信息。如果我们将它放大的整张卡片的尺寸，那冲击力就大大增强了，而且也更容易引人注目。加多点泥土！ 现在，我们要寻找一种能够配合这张图片的字体，具体在这个设计中，我们需要一种粗壮、有飞溅斑点及不规则边缘的字体。 Sabotage 字体与本设计非常相配 我们的设计要跟主题紧密配合，在这个设计中，如果所有元素都显得干干净净，那根本不能有效传达出与泥土有关的感觉。而 Sabotage 字体（见上图）所呈现的那种碎裂、飞溅及不规则边缘的特性与泥泞简直是天生一对。而且这种字体显得相当粗旷，能够给人一种重量感及活力十足的感觉。 但对于版面中的小字，我们需要的是清晰易读，所以我们需要一种简单、开阔的字体（上图左）。如果我们在小字上还是采用 Sabotage 字体（上图右），那在字体尺寸不大的情况下就难以卒读了。清理“现场”： 现在我们的整个版面都被图片占据了，根据这张图片的构成，可以看出，文字只能放在上方。现在我们要做的事是要将图片的主要对象与背景分离。这涉及到三个步骤： 一、定好分离的水平线： 我们要在背景上方创造一个区域出来，但同时要保留汽车“偏离水平线”的动感，我们将整张图片分为两部分，然后将上方的杂乱背景去掉（用 PS 软件就可以啦）。 为了能够传达原图片的动感，我们要将那些飞溅的泥土加上去。 我们将背景填充。用吸管在原来的主图中取一种颜色（见上图），我们取了一种充满泥土气息的颜色棕色，将上方背景填充。主图有很多颜色，为什么要取这种颜色？因为我们要考虑到对比。 从上图的示意图可以看出，越是强对比，背景与背景分离的感觉就越强。 加上文字： 设计的魅力在这里又一次体现了：文字的字体越大，冲击力越强，那种轰鸣的感觉就越能够有效传达。我们将字体放在图片的后面，这样是为了能够让汽车的动感直逼读者！问题来了，字体到底要多大才合适？ 为了能够传达一种力量感及兴奋感，我们要掌握好一个平衡点：一方面，字体要尽可能大，另一方面，它要容易阅读。从上图可以看出，如果字体太小，只会给人一种字体与图片分离的感觉，缺乏冲击。而太大的字体虽然很有力量，却要付出难以阅读的代价。而上图最下方，则掌握得刚刚好。 现在的字体的尺寸能够与图片完美配合 加上标志： 版面的左上方是一个非常容易引人注目的位置，这么宝贵的地方，当然要留给我们商店的名字啦。但不要太过俗套！我们要将标志略略斜放。 倾斜的标志能够与其它元素配合，而且也产生一种紧张的、不稳定的气氛。请留意标志右边的文字，它们与椭圆形的标志是有一点重叠的。 同时留意上图大图中,各种文字的页边距之间的关系.颜色调整： 颜色可以将字体与图片产生更协调的联系。我们要选择一两个重点元素突围而出。 背景采用了泥土气息的颜色，我们要选择的另外一种颜色必须根据这种主色去寻找。让我们来看一下色轮有什么颜色与它相配。为了使字体与背景能够产