打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
如何让设计充满动感
www.logosky.net 陈汉聪 编译
艾尔非常享受那一天他与朋友驾着那辆真正的越野车,来到远离公路的地方,在凹凸不平的泥泞里尽情挥洒着他们的奔放和激情。艾尔在当天还照了一些非常不错的照片回来,其中一张照片非常适合他的商店下一轮的优惠宣传。问题是,他所设计的作品并没有真正呈现那天活力十足的气氛。虽然在作品上各种信息都非常齐全,该有的都有,但那种强劲的感觉、刺耳的轰鸣声——这些有趣的元素,却表达不出来。
一张静止的照片是现实生活中某个时刻的“暂停”,而设计师却可以让静止的东西重新启动。我们首先要考虑的是图片,而不是整个版面的设计。我们要仔细观察图片的边缘、形状、方向等等这些东西,然后再用字体、颜色及排版来强调或补充整个设计。看一下我们是怎么做的?
原来的设计,尺寸为 6 × 4 英尺
这张优惠宣传卡片中,所有的信息都很清晰:商店的名字放在上面,优惠的信息放在下面,而图片放在中间,而且图片非常漂亮,一眼望去,也可以说是非常有冲击力的一个设计。但由于这张宣传卡片的尺寸并不大,而且,图片周围都被文字围绕,所以图片的冲击力就大大被削弱了。原来的设计师考虑的是“版面”,而我们需要考虑的是“动感”!
(译注:上图为售卖各种越野车的优惠宣传,产品有越野摩托车、适合各种地形的汽车、卡车、二手车。下面的文字为:“限时优惠” “每件商品 7.5 折” “已折价或优惠商品除外”
让图片变大:
引擎的轰鸣声、崎岖的山路、泥土飞溅到你的脸上——对于这些元素,图片越大,感觉就越真实。所以为了使到观看的人可以更强烈地感受到,我们需要将整张图片放大到与整张卡片的尺寸一样大。
我们将图片放大,周围不要留有多余的空间。在原来的设计中,汽车的图片呈水平摆放,而版面却是竖立的,而且图片只占整个版面的一部分,使得观看的人并不能感受到图片所传达的信息。如果我们将它放大的整张卡片的尺寸,那冲击力就大大增强了,而且也更容易引人注目。
加多点泥土!
现在,我们要寻找一种能够配合这张图片的字体,具体在这个设计中,我们需要一种粗壮、有飞溅斑点及不规则边缘的字体。
Sabotage 字体与本设计非常相配
我们的设计要跟主题紧密配合,在这个设计中,如果所有元素都显得干干净净,那根本不能有效传达出与泥土有关的感觉。而 Sabotage 字体(见上图)所呈现的那种碎裂、飞溅及不规则边缘的特性与泥泞简直是天生一对。而且这种字体显得相当粗旷,能够给人一种重量感及活力十足的感觉。
但对于版面中的小字,我们需要的是清晰易读,所以我们需要一种简单、开阔的字体(上图左)。如果我们在小字上还是采用 Sabotage 字体(上图右),那在字体尺寸不大的情况下就难以卒读了。
清理“现场”:
现在我们的整个版面都被图片占据了,根据这张图片的构成,可以看出,文字只能放在上方。现在我们要做的事是要将图片的主要对象与背景分离。这涉及到三个步骤:
一、定好分离的水平线:
我们要在背景上方创造一个区域出来,但同时要保留汽车“偏离水平线”的动感,我们将整张图片分为两部分,然后将上方的杂乱背景去掉(用 PS 软件就可以啦)。
为了能够传达原图片的动感,我们要将那些飞溅的泥土加上去。
我们将背景填充。用吸管在原来的主图中取一种颜色(见上图),我们取了一种充满泥土气息的颜色——棕色,将上方背景填充。主图有很多颜色,为什么要取这种颜色?因为我们要考虑到对比。
从上图的示意图可以看出,越是强对比,背景与背景分离的感觉就越强。
加上文字:
设计的魅力在这里又一次体现了:文字的字体越大,冲击力越强,那种轰鸣的感觉就越能够有效传达。我们将字体放在图片的后面,这样是为了能够让汽车的动感直逼读者!问题来了,字体到底要多大才合适?
为了能够传达一种力量感及兴奋感,我们要掌握好一个平衡点:一方面,字体要尽可能大,另一方面,它要容易阅读。从上图可以看出,如果字体太小,只会给人一种字体与图片分离的感觉,缺乏冲击。而太大的字体虽然很有力量,却要付出难以阅读的代价。而上图最下方,则掌握得刚刚好。
现在的字体的尺寸能够与图片完美配合
加上标志:
版面的左上方是一个非常容易引人注目的位置,这么宝贵的地方,当然要留给我们商店的名字啦。但不要太过俗套!我们要将标志略略斜放。
倾斜的标志能够与其它元素配合,而且也产生一种紧张的、不稳定的气氛。请留意标志右边的文字,它们与椭圆形的标志是有一点重叠的。 同时留意上图大图中,各种文字的页边距之间的关系.
颜色调整:
颜色可以将字体与图片产生更协调的联系。我们要选择一两个重点元素突围而出。
背景采用了泥土气息的颜色,我们要选择的另外一种颜色必须根据这种主色去寻找。让我们来看一下色轮有什么颜色与它相配。为了使字体与背景能够产生良好对比,我们选择了在棕色旁边的橙黄色。而且黄色与另一端的红色标志也能够和谐搭配。但是,旁边大块的棕色会略略减弱标志的醒目程度。而其中的小文字则选用棕色的浅色调,这样是为了能够突出主要的文字。
本文所用颜色:
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
版面排版五个技巧
广告编排设计
精美文字与动感小图片
四个案例教你玩转海报字体版式!
如何设计充满动感及活力的画面
设计应用:如何设计更吸引人的展示牌
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服