赞助商
立即赞助

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

平面设计3年前 (2021)发布 流光
3.5K 0 0

今天继续为大家带来新一期的《拍一照,就是一幅报》系列文章,重点跟大家讲一下何处理文案和图之间的级关系。

照片一

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

熟悉我粉以及看过我很多照片海报系列文章应该发现了,我常喜欢照,尤其是自己走路时影子。

像上面就是 3 月份滞留在云的时拍的,时我已经隔离期一个月,但还是哪也不方便去,只能窝在民宿里,有时憋久也想出去溜达一下透透气,所以就在附近马路边拍上面影子照。

拍完发,颇一种云游四海的侠客的韵。

于是当就回住所开 ps 整了下面这幅海报:

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

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

后来发现实勉强可看,简简单单的字体和简简单单的版,看起来较现代,有点像书籍封面了。

至于右边两个圆形,是让画更平衡,另是跟时心境有关吧,身在异乡太久了,很想回家,想到了足迹地球类。然后为了避免太具象,所以用了圆形代替,有个指引意味。

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

至于颜色,些人可能觉得略微诡异了点,那也可以理解我当时确实态无法普通人一样了,所以色彩会比较绪化。

再一个因为这类西本来就是比较神秘、抽象的西,有人拿来撒狗粮,有人拿来耍可爱,还有关于的画面大多也都比较诡异,所以计者想怎表达,观众想怎理解都是可以的。

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

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

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

照片二

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

照是在普吉岛的酒店拍的,酒店的林置和装修风很,所以几乎是随便拍一照就很美。

比如面这张,当时并过设海报,就觉得给它留白,会显得很夏天,很清爽。

这些游拍的照片已经在的机躺好个月了,等回家整理出来,发现这张照片拿来计海报应该会不错。

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

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

看上是是跟前面一幅海报的感觉全一样啦?

前幅海报看起来会有不开心、有压抑样子,是这幅海报立变很爽,很随性样子。为在疫情暴发以前,我在泰国旅游那几天是我这几个月最开心时候啦。

所以自而地想用种很自由的字形式,正我回到家也有大屏幕电脑和手绘板,工具齐,做设计来自也得心应手和开心一,所以就用钢笔工具和手绘板合着设计几个字。

文字选择竖版排版右,因原照片左饱满,右很空,且中间一条由叶子组的分割线,方向性已了,所以这么排版整体会比较协调,比较平衡。

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

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

照片三

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

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

虽然之前一直听说昆明是城,但我那时候几乎怎么门,体会到,直到后来有一天民宿老突然发消息告诉我,附有个景点可看看,步行十几分钟就到了。

于是真看到很多花了,而我又是个特喜欢花,尤其是上这虞美,平时都很难在花店买到,虽然我去看时候花都凋谢不多了,是很开心,为我好久好久没有看到花了。

拍完花朋圈,人说漂亮,又喊着要我设计报,是就有下面幅《虞美人》。

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

为什么把的一幅风照成种颜,因为当时看到种颜六的花的时,很自而地联想到摄影蜷川花的摄影品,她的品以花为主题,而且彩非常富浓郁,很有个人特,我个人也是很喜欢。

所以就试调了色,以蓝色主调,点缀一些橙、玫、白色的花,画面立马丰富起了,且还点一幅画了。

另外,虞美人这个字是用的现成的字体,但是什字体也忘了,因为这幅海报也是当在云南的候用笔记本计的,源文件在笔记本上,但从回家后都没有开过笔记本了,所以,等哪心血来潮了再开笔记本是啥字体吧。

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

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

△ 瓣可搜索蜷川实的摄影作

那有可能会问,为什么大标题文会放在左下位呢?按理原照片它本身构图是心偏左下,文不是应该放到右上才会比较平衡吗?

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

因我这里把原图面积的绿色调了蓝色,蓝色橙色互补色,这两颜色一起对比非常强烈,且调色后的画面对角线构图加明显了,橙色的颜色范围又基本都分布了对角线周围,所以我需一超面积的文字压左下角的对角线,能让整体画面平衡起。

  • 做设计的时思灵活一点;
  • 不同的色彩不同的重感的,如果改变了其中一种色彩,那么整体的重可能会发改变;
  • 如果要在本就比较衡的画面增加其素,诸如文字、图形之类的,可以通过改变这些素的大、位置、色彩来达一个新的衡。

总言之,我们不设海报也好,还设页面或 banner 也好,都相当于一器里把玩里面各种元素的平衡感,我们就这种平衡感的掌控者。

这听起来,成为一枚计是不是爽爆了?这也是为什当你完成一幅的作品之后,会有一种成就的因之一。

照片四

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

又到了吃小龙虾的季节了,身北人的我当然少不了吃小龙虾,并且作一枚摄影好者,见什么拍什么早已了习惯,于就了面这张照片。

拍完才发现,怎无奇的虾被拍出了一种别的美?于是就琢磨着是不是也可以拿来做一幅海报呢?所以就有了下面这幅海报。

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

照片虽然好,虾起来也可新鲜,但是把它拿来做海报还是需要花点心思去考量的,主要问题在于以下个方面:

  • 原图画面很饱满,多少空可以文字了;
  • 图虾的摆放随,所以画面起来其实有点乱;
  • 渔的虚效果太狠太多了,如果做龙海报会有点视觉干扰。

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

大会发现,为了突案,我把画面压暗了,同时要保留的质感给人的感觉,并且题案占面积很大,压在了角龙的身上。

另那些虚化网过调色变成了蓝色斑,跟虾本身颜色形成了冷暖比,画视觉会更有冲击力,虽然很多会觉物应该用暖色更有欲,是我这是活虾,生物,我觉冷色调才更符合新鲜生物感觉,所以这么处理了。

不,我在设计完之才现,其我应该把文案改成「深夜小龙虾」或者「蹦迪小龙虾」更合适。但是来我转念一想,不能每次光看我做,改文案种情就给你们吧,就按我的排版方式来改文案,正给你们练手文案排版。

再给家举一关于图片文案层级关系的例子吧。

今有一位面发了一张图给,是计的练海报,她也把文字压在了产品上面排版,但不确定这做不适:

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

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

我人感觉他这幅海报如果模拟设一关于灯的宣传海报的话,必把文字压产品面的,虽然他这排版其实还不错,家可以看看,具体原因我后面会。

这位面的图:

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

计的海报:

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

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

但是我这里有必要跟大说一这个问题,么时候该把字压在产上面,么时候必这么做的问题。

正常情况下,我们能不压品不要压,为必定是会遮住部分品,造成些视觉干扰。比如前小龙虾,也有这个问题,我是迫不已,那张图抠图也没法抠,裁剪也没处裁,必须要用它来做海报怎么办呢?能想其他法子,比如调色等来处理。

但你里的画面很干净,你的产品图也是完整的,所以选择就很,文案压产品种方式就完没必要,而是以通整产品大小和位置的方式,给文案腾出一点位置,在空地儿排版就。

比如,我了一简单的演示,如下图所示:

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

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

所以还是前面提的,做计的候可以思维灵活一点的,要懂得见机行事。

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

照片五

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

自从次把小面团小面包(我的猫)送回老家后,我就 3 多月秀过它们的照片了。

上周在卧室公,回头一,面怎跑羽绒服上面躺下了,全是掉的毛毛有没有?

我心里想这真是个会地享受的,想把它抱走,才发现:「咦?我的羽绒上好有一个带着天使翅膀的爱心图案,小面团躺上面好可爱,而且我前设计海报从来没过军绿色,但是这种军绿色小面团然驾驭,哈哈,要拿来设计成海报试试?」

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

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

这风格海报,文粗大都没关系,而英文也可以多用,我这里把英文用来作为背景图案处理,所以左右落排版很有感觉了。再做破旧效,跟这军绿色比较搭。

来一想,当初决定拿照做报就是得面团背有个天使图案很爱,但是里像把最关键的东西丢,来干脆又重新画一对翅膀放在小面团面,下图所示:

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

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

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

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

看,设真的一件很意思的事。

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

注作者的微信公众号做设计的面条,一个干货与笔俱佳的美女设计师。

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

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

这几年综艺是越来越火了,且不说综艺节目制作的水平如何,但是综艺海报设计、节目宣传片制作、节目的美术效果等等都有非常大...
中国有嘻哈
@你丫才美工 :前天看完大陆毕业展海报合集,不少小伙伴大呼看得不够过瘾。为了满足大家炙热的求知欲与上进心,美丫姐又花足...
你丫才美工
说明: 本文主要面向 B 类业务、简体中文语境,提供实操性指南; 行业内约定俗成的常用语建议沿用,可以不依照这里的建...
B端
相信刚接触设计或者工作时间不长的设计师,多多少少都会遇到各种各样的编排问题。今天这篇文章就是源于一位设计师提出的问题...
亲密性
2020上半年转瞬即逝,可能是因为疫情的缘故,时间都变得着急起来。在这样一个特殊的环境下,品牌与创意工作者们,创造出了哪...
平面设计
一些大公司如 Facebook 和 Airbnb,决定把事情做好,重新考虑文案,使其更有帮助,更容易理解。就像用户体验设计师正在创造更...
交互体验
@你丫才美工 :想不到强大如设计师黄海,终于也给人当了一回绿叶。 提到「蹬蹬蹬蹬」有人会想到「英特尔」的专用曲,而童心...
张渔
@做设计的面条 :很多人在做设计的时候都有一个通病,意志力非常不坚定,一个设计需求做了一半觉得好像卡住了就干脆放弃,然...
做设计的面条