让图片加字变得有格调

设计教程 & 文章 2016-09-28 1,620 次浏览 0 条评论

兽兽同学分享了几个简单实用的加字方法:隐形线隐形框超级放大法

配图文字设计第一招:一齐遮百丑

对齐

rhztpsjwz2

没看懂没关系,先以大家(父母)喜爱的《乡村爱情》剧照为例:

rhztpsjwz3

先降低饱和度,把逼格 UP 一下↑

rhztpsjwz4

重点来啦注意了(拍黑板),我们沿着刘能的视线方向拉出一条对齐线,在根据这个水平线做出垂直的对齐线。

rhztpsjwz5

在这对齐线的基础上,靠右对齐文字。

rhztpsjwz6

TIPS:如果你没把握设计出恰到好处的汉字,那么就用英文代替吧。
摇身一变,这是哪部荒诞派喜剧电影的海报?
这种让文字排版工整、同时牵动图片情绪的辅助线,我们称之为:隐形的线

配图文字设计第二招:一框遮百乱

亲密性

rhztpsjwz7

秩序产生美,如果你的图片本身是杂乱无章,乱七八糟的,要么你换一张,要么就用框,框住「狂野的它」。

这一张叶片排布杂乱无规律的照片,我们要做的就是把这样的场景桎梏在一个视觉单元之内,使之看起来更干净整洁

rhztpsjwz8

比如将其放进某种规则图形内:

rhztpsjwz9

考虑到随后文案的排版,可以稍稍做出位移改变:

rhztpsjwz10

在图形的对角处加上文字,同样遵循了「隐形的线」原则:

rhztpsjwz11

为了使图片更生动,形成规则与跳脱的视觉冲击,这时候我们「允许一小部分的红杏先出墙来」

rhztpsjwz12

看最终效果,是不是比在一片绿上直接写字好多了?

rhztpsjwz13

所以除了「隐形的线」,我们还有一个隐形的框。

配图文字设计第三招:一大遮百淡

对比

rhztpsjwz14

如果你的图片比较性冷淡,比较安静典雅,不「一颗赛艇」。

rhztpsjwz15

很简单。

要大!要大!要大!(设计师反手就是一个甲方上身)

通过剪裁,舍弃不必要的部分,放大之后,立马就刺激了!

rhztpsjwz16

在留白处加上深色字体,与黑色茶杯相呼应,与白色背景相反衬,对比之美出来了。

rhztpsjwz17

这支笔的电光绿真好看,那就裁掉吧! :)

rhztpsjwz18

尽管色彩不再丰富,但对比感明显比剪裁前提高了一个档次:

rhztpsjwz19

同样,在浅色留白处加上与钢笔色相近的深色字体,完成!

rhztpsjwz20

文字和图片,一种更纯粹有力♂的视觉呈现:

rhztpsjwz21

对,没错,这就是:超级放大法


总结

「隐形的线」确定文字的基础排版样式,年轻人别老想搞大新闻,先对齐再说。
「隐形的框」集成视觉单元,安放你无处安放的「狂野」。
「超级放大法」强调文字与图片的刺激观感。

广告
广告

发表评论

您的电子邮箱地址不会被公开。