美文网首页PPT工具癖PPT的秘密
涨姿势——如何设计采访背景页面

涨姿势——如何设计采访背景页面

作者: 爱田田的外刊日记 | 来源:发表于2019-04-29 20:24 被阅读1次

    在很多场合下,我们要采访一些名人大咖,这个时候需要一页PPT作为采访时的大屏背景,那么该如何设计这款背景?网易云音乐一页banner做出了很好的示范。

    1.设计思路

    这页banner是对电影——《三城记》的三位主演的独家采访。

    设计背景:《三城记》影片讲述在战火纷飞的背景之下,几位主人公辗转于芜湖、上海和香港三个城市之间,并上演了一段浪漫乱世爱情。

    针对这个电影的背景,我们的设计思路为:以电影中的高清剧照为背景,背景上加上文案设计和三位主要接受采访的演员照片头像,设计中要体现出影片的年代感

    2.主体信息的处理

    这页banner中,文案信息并不是很多,总共分为两个方面,一是三位演员的名字,二是介绍他们的采访信息。

    文案的设计方面,三位演员的名字大字号突出显示,中间巧妙地运用了乘号相连

    下方的采访信息,用绿底白字、反向色彩,来增加变化,以示区别。

    文案整体上用一个引导线框包围,在线框的下方是三个演员的头像,注意三个演员的头像的背景是圆形框,为了突出显示头像,头像的上方处突破圆框之外。

    同时三个演员的头像及其背景色彩丰富,与背景图片的色彩形成强烈对比,这样做都是为了凸显我们这页banner的主题——三位演员的独家采访。

    3.背景的精细化处理

    这页banner中最具亮点的就是对背景的精细化处理。

    首先我们看到的是,在选择背景图片方面,作者选择了《三城记》中的一张剧照。

    这张背景图片的选择是十分考究的。

    大家先仔细观察这张背景图片,请先暂时忽略左侧图片上的文字和人物头像。

    这张背景图片右侧是人物,是图片的主体区域,也是采访中的演员所饰主要人物,图片的左侧是一堵空白的墙。

    也就是说图片的重心放置于整张图片的右侧,读者的视线也很容易聚焦在右侧的人物之上,而忽略左侧的墙。

    我们可以把左侧的墙视为整张图片的留白区域,通过留白区域可以更加方便地在图片的图层上增加文案。

    不仅仅在图片的选择上为左侧的文案留有空白,而且图片还设置了蒙版图层的处理方式,使背景图片最终实现从左至右逐渐清晰的效果

    同时在背景图片中,两位主人公的视线从右至左,引导读者的视线转移到主要信息上去。

    除了上述的手法之外,作者还将背景图片进行了双色化处理,从而降低色彩的丰富程度。

    通过这种双色化处理,进一步压低背景图片在整个设计中所占据的视觉比例,从而能更好的突出右侧的文案和人物头像的主体信息,避免了读者将过多的注意力集中到右侧的背景图片,造成喧宾夺主的现象。

    同时应用双色图片,可以更好的表现一种年代感,这么做也是基于这个电影所发生的时间背景是战火纷飞的革命战争年代。

    其实这种双色图片的设计,在很多作品中都有非常成熟的应用,让我们来看几个案例。

    用斜线将图片分割,分别用两种不同程度的绿色的双色化处理,表达一种时尚、酷炫的效果。

    黄色的双色化处理,往往表达一种强烈的复古、怀旧气息,这一点同我们今天讲的案例有异曲同工之妙。

    将图片的一半进行双色化处理,在增加图片设计感的同时,可以为文案留有足够的空间。

    特别值得注意的是,我们在选择双色化处理的同时,要根据我们所要表达的主题、风格和图片的具体特点,来选择双色化处理的范围、程度和色彩。

    那么讲了这么多,究竟该如何快速而有效的设置双色化图片呢?

    这里我就要推荐给大家一个网站(会用PS的同学可以自动忽略)。

    https://duotone.shapefactory.co/

    网站的界面是这样的。

    左侧的操作界面,我们可以设定两种不同的颜色,在右侧的操作界面可以预览我们最终做出的效果。

    比如我要把下面一张图片设置成双色的效果。

    在网站中先上传图片,再设置两种颜色,网站会自动生成我们所想要的效果,最后下载即可。

    唔,感觉设置成身紫色和黄色的双色,好像增添了一种魔幻色彩。

    本期内容结束,谢谢大家!

    微信公众号:【云水湄PPT工作室】

    请多多支持!

    关注后可以免费领取,获取资源:

    1.2000张网易云音乐banner灵感库、qq音乐banner灵感参考、1000张高清PPT专属图片及各类优秀的设计作品灵感参考。

    2.输入【adobe】免费获得 adobe 2019 全家桶系列软件

    3.输入【模板】获得2000套精美模板,非常优质的资源!以后还会不定时补充和更新的,敬请关注!

    相关文章

      网友评论

        本文标题:涨姿势——如何设计采访背景页面

        本文链接:https://www.haomeiwen.com/subject/avwunqtx.html