分享

如何让设计充满动感

 laughingcry 2011-07-18

如何让设计充满动感

www. 陈汉聪 编译

艾尔非常享受那一天他与朋友驾着那辆真正的越野车,来到远离公路的地方,在凹凸不平的泥泞里尽情挥洒着他们的奔放和激情。艾尔在当天还照了一些非常不错的照片回来,其中一张照片非常适合他的商店下一轮的优惠宣传。问题是,他所设计的作品并没有真正呈现那天活力十足的气氛。虽然在作品上各种信息都非常齐全,该有的都有,但那种强劲的感觉、刺耳的轰鸣声——这些有趣的元素,却表达不出来。

一张静止的照片是现实生活中某个时刻的“暂停”,而设计师却可以让静止的东西重新启动。我们首先要考虑的是图片,而不是整个版面的设计。我们要仔细观察图片的边缘、形状、方向等等这些东西,然后再用字体、颜色及排版来强调或补充整个设计。看一下我们是怎么做的?

原来的设计,尺寸为 6 × 4 英尺

这张优惠宣传卡片中,所有的信息都很清晰:商店的名字放在上面,优惠的信息放在下面,而图片放在中间,而且图片非常漂亮,一眼望去,也可以说是非常有冲击力的一个设计。但由于这张宣传卡片的尺寸并不大,而且,图片周围都被文字围绕,所以图片的冲击力就大大被削弱了。原来的设计师考虑的是“版面”,而我们需要考虑的是“动感”!

(译注:上图为售卖各种越野车的优惠宣传,产品有越野摩托车、适合各种地形的汽车、卡车、二手车。下面的文字为:“限时优惠” “每件商品 7.5 折” “已折价或优惠商品除外”

让图片变大:

引擎的轰鸣声、崎岖的山路、泥土飞溅到你的脸上——对于这些元素,图片越大,感觉就越真实。所以为了使到观看的人可以更强烈地感受到,我们需要将整张图片放大到与整张卡片的尺寸一样大。

我们将图片放大,周围不要留有多余的空间。在原来的设计中,汽车的图片呈水平摆放,而版面却是竖立的,而且图片只占整个版面的一部分,使得观看的人并不能感受到图片所传达的信息。如果我们将它放大的整张卡片的尺寸,那冲击力就大大增强了,而且也更容易引人注目。

加多点泥土!

现在,我们要寻找一种能够配合这张图片的字体,具体在这个设计中,我们需要一种粗壮、有飞溅斑点及不规则边缘的字体。

Sabotage 字体与本设计非常相配

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

但对于版面中的小字,我们需要的是清晰易读,所以我们需要一种简单、开阔的字体(上图左)。如果我们在小字上还是采用 Sabotage 字体(上图右),那在字体尺寸不大的情况下就难以卒读了。

清理“现场”:

现在我们的整个版面都被图片占据了,根据这张图片的构成,可以看出,文字只能放在上方。现在我们要做的事是要将图片的主要对象与背景分离。这涉及到三个步骤:

一、定好分离的水平线:

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

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

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

从上图的示意图可以看出,越是强对比,背景与背景分离的感觉就越强。

加上文字:

设计的魅力在这里又一次体现了:文字的字体越大,冲击力越强,那种轰鸣的感觉就越能够有效传达。我们将字体放在图片的后面,这样是为了能够让汽车的动感直逼读者!问题来了,字体到底要多大才合适?

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

现在的字体的尺寸能够与图片完美配合

加上标志:

版面的左上方是一个非常容易引人注目的位置,这么宝贵的地方,当然要留给我们商店的名字啦。但不要太过俗套!我们要将标志略略斜放。

倾斜的标志能够与其它元素配合,而且也产生一种紧张的、不稳定的气氛。请留意标志右边的文字,它们与椭圆形的标志是有一点重叠的。 同时留意上图大图中,各种文字的页边距之间的关系.

颜色调整:

颜色可以将字体与图片产生更协调的联系。我们要选择一两个重点元素突围而出。

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

本文所用颜色:

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多