相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

如何让设计充满动感?

火枪手发布于:2018-3-12 11:06 |原作者: 木梓设计 |
火枪手
广东省 汕头市 网页设计师
发私信 + 关注
简介: 一张静止的照片是现实生活中某个时刻的“暂停”,而设计师却可以让静止的东西重新启动。

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

如何让设计充满动感? 飞特网 设计理论

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

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

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

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

让图片变大:

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

如何让设计充满动感? 飞特网 设计理论

如何让设计充满动感? 飞特网 设计理论

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

加多点泥土!

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

如何让设计充满动感? 飞特网 设计理论

Sabotage 字体与本设计非常相配

如何让设计充满动感? 飞特网 设计理论

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

如何让设计充满动感? 飞特网 设计理论

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

清理"现场":

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

一、定好分离的水平线:

如何让设计充满动感? 飞特网 设计理论

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

如何让设计充满动感? 飞特网 设计理论

12下一页
13

好评
11

差评

刚表态过的朋友 (24 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • yying1994036

火枪手
广东省 汕头市 网页设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计