今天继续为大家带来新一期的《拍一张照片,就是一幅海报》系列文章,重点跟大家讲一下如何处理好文案和图片之间的层级关系。

照片一

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

熟悉我的面粉以及看过我很多照片海报系列文章的人应该发现了,我非常喜欢拍照,尤其是拍自己走路时的影子。

像上面这张就是 3 月份滞留在云南的时候拍的,那时候我已经过了隔离期一个多月了,但还是哪也不方便去,只能窝在民宿里,有时候憋久了也会想出去溜达一下透透气,所以就在附近马路边拍了上面这张影子照片。

拍完才发现,颇有一种云游四海的侠客的韵味。

于是当时就回到住所打开 ps 整了下面这幅海报:

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

其实按理这幅海报的文案如果改用潇洒毛笔字会更好,但是当时条件有限,身边只有一个笔记本,手绘板也没带,有点不好搞,所以干脆偷懒用了免费又通用的思源黑体了。

后来发现其实也勉强可以看,简简单单的字体和简简单单的排版,看起来比较现代,有点像书籍封面了。

至于右边的两个圆形,一方面是让画面更平衡,另一方面就是跟当时的心境有关吧,身在异乡太久了,很想回家,就想到了足迹地球之类的。然后为了避免太具象,所以用了圆形代替,有个方向指引的意味。

文字选择排在右边也是为了平衡,因为我的影子很靠左,如果文字不放右边会失衡,但我并没有完全右对齐文字,因为太对齐了也会显得呆板,所以我在大标题那块的排版稍微做了点变化,也不影响整体的秩序感。

至于颜色,有些人可能觉得略微诡异了点,那你也可以理解为我当时确实心态无法跟普通人一样了,所以色彩上会比较情绪化。

再一个因为影子这类东西本来就是比较神秘、抽象的东西,有人拿来撒狗粮,有人拿来耍可爱,还有电影里关于影子的画面大多也都比较诡异,所以设计者想怎么表达,观众想怎么理解都是可以的。

就像我以前的系列影子海报,每一幅画面给人的感受也不一样,我设计它们的时候是自由的,你们看的时候也是。

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

照片二

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

这张照片是在普吉岛的酒店拍的,酒店的园林布置和装修风格都很好,所以几乎是随便拍一张照片就很美了。

比如上面这张,当时并没有想过要设计海报,就是觉得想给它大量留白,会显得很夏天,很清爽。

这些旅游时拍的照片已经在我的手机里躺好几个月了,等回到家整理出来,发现这张照片拿来设计海报应该会很不错。

于是就有了下面这幅海报,取名《普吉岛的一抹绿》。

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

看上去是不是跟前面一幅海报的感觉完全不一样啦?

前一幅海报看起来会有点不开心、有点压抑的样子,但是这一幅海报立马就变得很清爽,很随性的样子。因为在疫情暴发以前,我在泰国旅游的那几天就是我这几个月最开心的时候啦。

所以自然而然地想用那种很自由的字体形式,正好我回到家也有大屏幕电脑和手绘板了,工具齐全,做起设计来自然也会得心应手和开心一些,所以就用钢笔工具和手绘板配合着设计了这几个字。

文字选择竖版排版放在右边,是因为原照片左边饱满,右边很空,而且中间有一条由叶子边缘组成的分割线,方向性已经有了,所以这么排版整体会比较协调,比较平衡。

另外,这些不是现成的字体,也没有特定的规律在里面,就是随心去写,文字排版也是大大小小的,有些节奏感和韵律在里面就好了。

然后设计的时候就假想是自己穿着清凉的吊带长裙,打着赤脚,拿着一只画笔在洁白的墙上乱涂乱画,很惬意的样子,所以文字效果的处理就是这么来的。

照片三

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

这张照片也是滞留在云南昆明的时候拍的。

虽然之前一直听说昆明是花城,但我那时候几乎不怎么出门,所以也体会不到,直到后来有一天民宿老板突然发消息告诉我,附近有个景点可以去看看,步行十几分钟就到了。

于是真的看到很多花了,而我又是一个特别喜欢花的人,尤其是上面这种虞美人,平时都很难在花店买到,虽然我去看的时候花都凋谢得差不多了,但还是很开心的,因为我好久好久没有看到花了。

拍完花发朋友圈,好多人都说漂亮,又喊着要我设计海报,于是就有了下面这幅《虞美人》。

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

为什么会把好好的一幅风景照片调成这种颜色,因为当时看到这种五颜六色的花的时候,很自然而然地联想到了日本摄影蜷川实花的摄影作品,她的作品多以花为主题,而且色彩非常丰富浓郁,很有个人特色,我个人也是很喜欢。

所以就尝试着调了个色,以蓝色为主调,点缀一些橙红、玫红、白色的花,画面立马丰富起来了,而且还有点像一幅画了。

另外,虞美人这几个字是用的现成的字体,但是什么字体我也忘了,因为这幅海报也是当时在云南的时候用笔记本设计的,源文件在笔记本上,但自从回家后我都没有打开过笔记本了,所以,等我哪天心血来潮了再打开笔记本看看是啥字体吧。

之所以选择这种字体,是因为有一种日式的随性和毛笔字的厚重感在里面,跟我整个海报浓郁的色调还比较搭。

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

△ 花瓣可以搜索蜷川实花的摄影作品

那有人可能会问,为什么大标题文字会放在左下角的位置呢?按理原照片它本身的构图是重心偏左下角的,文字不是应该放到右上角才会比较平衡吗?

我想说,做设计不能太呆板地思考平衡和节奏感,还应该考虑色彩的影响。

因为我这里把原图大面积的绿色调成了蓝色,而蓝色和橙色是互补色,这两个颜色放一起对比非常强烈,而且调色后的画面对角线构图更加明显了,橙色的颜色范围又基本都分布在了对角线周围,所以我需要一个超大面积的文字压在左下角的对角线上,才能让整体画面平衡起来。

  • 做设计的时候思维灵活一点;
  • 不同的色彩是有不同的重量感的,如果你改变了其中一种色彩,那么整体的重心可能会发生改变;
  • 如果要在原本就比较平衡的画面里增加其他元素,诸如文字、图形之类的,可以通过改变这些元素的大小、位置、色彩来达到一个新的平衡。

总而言之,我们不管是设计海报也好,还是设计页面或 banner 也好,都相当于是在一个容器里把玩里面各种元素的平衡感,而我们就是这种平衡感的掌控者。

这么听起来,成为一枚设计师是不是爽爆了?这也是为什么当你完成一幅满意的作品之后,会有一种成就感的原因之一。

照片四

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

又到了吃小龙虾的季节了,身为湖北人的我当然是少不了吃小龙虾,并且作为一枚摄影爱好者,见什么拍什么早已成为了习惯,于是就有了上面这张照片。

拍完才发现,怎么平平无奇的小龙虾被我拍出了一种别样的美感?于是我就琢磨着是不是也可以拿来做一幅海报呢?所以就有了下面这幅海报。

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

原照片虽然好看,小龙虾看起来也可口又新鲜,但是把它拿来做海报还是需要花点心思去考量的,主要问题在于以下几个方面:

  • 原图画面很饱满,没有多少空地可以放文字了;
  • 原图里龙虾的摆放很随意,所以画面看起来其实有点乱;
  • 渔网的虚化效果太狠太多了,如果做龙虾海报会有点视觉干扰。

而我们设计海报,尤其是当你把主题定为了卖货和新品宣传海报类型,那你是不可能不放文案信息的,所以如何解决在这种画面比较乱、干扰比较多的画面上保证文案能清晰展示,成了首要解决的问题。

所以大家会发现,为了突出文案,我把画面压暗了,同时要保留虾的质感给人新鲜的感觉,并且主题文案占面积很大,压在了主角龙虾的身上。

另外那些虚化网通过调色变成了蓝色的光斑,跟虾本身的颜色形成了冷暖对比,画面视觉会更有冲击力,虽然很多人会觉得食物应该用暖色更有食欲,但是我这是活虾,水生物,我觉得冷色调才更符合新鲜水生物的感觉,所以就这么处理了。

不过,我在设计完之后才发现,其实我应该把文案改成「深夜小龙虾」或者「蹦迪小龙虾」更合适。但是后来我转念一想,不能每次都光看我做,改文案这种事情就交给你们吧,就按我的排版方式来改文案,正好给你们练手文案排版。

再给大家举一个关于图片和文案层级关系的例子吧。

今天有一位面粉发了一张图给我,是自己设计的练手海报,她也把文字压在了产品上面排版,但不确定这样做合不合适:

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

我个人感觉他这幅海报如果是想模拟设计一个关于灯的宣传海报的话,是没有必要把文字压在产品上面的,虽然他这个排版其实还不错,大家可以看看,具体原因我后面会说。

这位面粉的原图:

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

他设计的海报:

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

看起来比较日系,其实构图排版都还可以。

但是我这里有必要跟大家说一下这个问题,什么时候该把文字压在产品上面,什么时候不必这么做的问题。

正常情况下,我们能不压产品就不要压,因为必定还是会遮住部分产品,造成一些视觉干扰。比如前面的小龙虾,也有这个问题,但我是迫不得已,那张图抠图也没法抠,裁剪也没处裁,但必须要用它来做海报怎么办呢?只能想其他法子,比如调色等方式来处理。

但你这里的画面很干净,你的产品图也是完整的,所以选择性就很多了,文案压产品这种方式就完全没必要了,而是可以通过调整产品大小和位置的方式,给文案腾出多一点位置,在空地儿排版就好。

比如,我做了一个简单的演示,如下图所示:

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

这样是不是产品既突出又完整,文案也醒目了?

所以还是我前面提到的,我们做设计的时候可以思维灵活一点的,要懂得见机行事。

当然,如果只是为了练习各种不同的排版方式和自己爽,完全不考虑商业方面的问题,那就是随意怎么搞都可以啦,就像我也有很多影子海报设计也是自己开心就好。

照片五

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

自从上次把小面团和小面包(我的猫)送回老家后,我就有 3 个多月没秀过它们的照片了。

上周我在卧室办公,回头一看,小面团怎么跑到羽绒服上面躺下了,全是掉的白毛毛有没有?

我心里想这真是个会找地儿享受的主儿,刚想把它抱走,才发现:「咦?我的羽绒服上刚好有一个带着天使翅膀的爱心图案,小面团躺上面好可爱,而且我以前设计海报从来没用过军绿色,但是这种军绿色小面团居然也能驾驭,哈哈,要不拿来设计成海报试试?」

于是,就有了下面这幅海报,感觉是可爱的小面团登上了时尚杂志封面了。

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

这种风格的海报,文字粗一点大一点都没关系,而且英文也可以多用,我这里把英文用来作为背景图案处理,所以左右错落排版就很有感觉了。再做点破旧的效果,跟这种军绿色比较搭。

后来一想,当初决定拿这张照片做海报就是觉得面团背后有个天使图案很可爱,但是这里好像把最关键的东西丢了,后来干脆又重新画了一对翅膀放在小面团后面,如下图所示:

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

这样就合情合理了,因为我的羽绒服上面的爱心天使图案是这样的:

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

现在刚好是翅膀留在身上了,小面团把爱心拿在手里,刚好想要把爱心送给我,她是爱我的。

你看,设计真的是一件很有意思的事情。

而且生活中也处处是灵感,只要你有一颗爱生活的心和发现美的眼睛。

欢迎关注作者的微信公众号做设计的面条,一个干货与文笔俱佳的美女设计师。

如何处理好文案和图片之间的层级关系,看这篇文章就够啦!

收藏 407
点赞 232

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。