让图片加字变得有格调。

2016-09-28 23:51

想让你的图片一秒变得有逼格?试试在上面加点文字吧!

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

对齐

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

TIPS:如果你没把握设计出恰到好处的汉字,那么就用英文代替吧。

摇身一变,这是哪部荒诞派喜剧电影的海报?

 

这种让文字排版工整、同时牵动图片情绪的辅助线,我们称之为:

 

隐形的线


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

 

亲密性

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

隐形的框


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

 

对比

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

很简单。

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

 

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

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

 

让图片加字变得有格调。 | 设计 思维 创意  | zatime.com

 

对,没错,这就是:

 

超级放大法


总结

 

「隐形的线」确定文字的基础排版样式,年轻人别老想搞大新闻,先对齐再说。

「隐形的框」集成视觉单元,安放你无处安放的「狂野」。

「超级放大法」强调文字与图片的刺激观感。


网友评论2条

  1. 野狼建都  − 2016-09-28 23:51 回复TA

    在图片上加文字是一门学问