


编按:
“网易云音乐”这个APP,想必大多数人都比较熟悉,而且经常会用到它。如何用PPT制作刷爆朋友圈的网易云音乐banner呢?下面我们就从三个方面学习一下制作技巧!
作者:设计甲 来源:设计甲(ID:designsjj)
前段时间被朋友圈里的网易云banner 文章刷屏了,经常用网易云的同学都知道,网易云banner的质量是非常高,随便挑几张 banner 看看,颜色、排版、设计都很棒,被誉为设计界的一股清流,很多设计师都把网易云的banner逐一收藏当作学习的典范。
这是上周下载了人生哥(keynote研究所)公众号发的一套网易云的banner,我花了近两个小时认真的将千张banner看完,得出了以下几个关键词:干净、舒服、精致、设计巧妙、忍不住赞叹!
反反复复看了这么多张banner,不能白看,我总结了几点网易云banner的设计特点,在这里与你分享一二。
一、排版构图
我们来看一下网易云的banner都有哪些构图形式及特点。
1、左字右图
左字右图的排版方式在我们制作PPT时也是极为常见的,因为我们在阅读的时候,习惯从左侧读起,所以这种左字右图的排版方式出场率相当高。
按照这种方式,在制作PPT的时候,可将文案按照对比、对齐的原则编排在页面的左侧,右侧用来放人像或其他场景图片即可。
案例演示
我以下面的文案信息来制作一张左字右图的banner。
首先要对文案信息进行分层级,哪个是主题、哪个是次要信息,这个要明白。确定层级之后,主题自然是放大,这里做了渐变处理,次要文字左对齐摆放即可。
由于提供的图片是正方形,而banner是长方形,所以我把背景进行了拉伸处理。为了避免左右两边留白太多,分别添加了辅助元素,左边添加的是透明度、距离都不一样的圆点代表着形形色色的人在不知不觉中相遇;右边的英文则是歌手姓名的拼音,在ps的混合模式中选择颜色加深即可。
2、左图右字
左图右字的排版方式在我们制作PPT时依然是比较常见的,且页面排版处理得当的话效果也会很好。,
按照这种方式,在制作PPT的时候,可将文案按照对比、对齐的原则编排在页面的右侧,左侧用来放人像或其他场景图片即可。
案例演示
同样以下面的文案信息来制作一张左图右字的banner。
其实......把上一张banner的内容左右调换就可以了!这里需要注意的一点是,为了保证画面的视觉统一,文字保留了左对齐的排版方式。
3、上下构图
通过上面一些banner能看出,上下构图的排版方式主要是针对于人物数量较多和文案内容较长的banner。
人物数量较多,就不能完整的排列整个页面,要为文案内容留出空间,所以只能保留人物的三分之二甚至三分之一,如果在ppt制作中有高质量的人物照可以使用,使用这种排版方式也很不错。
案例演示
来用最近爆火的 “燃烧我的卡路里” 制作一张banner吧。
由于文案信息只有一句,所以就尽管放大吧,突出主题。
接着根据所提供的图片风格来美化文字,图片偏少女可爱风,文字也可以按照这个风格来,先制作第一层白字黑边,再制作一个粉色的文字衬底,加一些可爱的线条元素即可。(小线条画的我累死了)
4、居中构图
居中构图的banner相对较少,因为居中构图会给人一种正式、严谨、庄重的感觉,而网易云的忠实用户大多是文艺风、情绪化、感性居多,所以这种居中式的构图可能并不太符合用户胃口。
案例演示
奇妙能力歌听过吧?就它了。
同样的包含三块信息,主题、歌手、次要信息。
还是一样的做法,哪个重要先放大哪个,这里在网上找到了奇妙能力歌的手写体,直接用了。
因为是居中版式,所以你的画面一定要有吸引力,否则只靠文字信息是压不住画面的,我这里使用了渐变色进行装饰,制作方法就是在ps中新建一个渐变图层,然后在混合模式中选择“强光”,如果一次处理不成你想要的效果,可以再用蒙版调整,
接着给文字换了抖音配色,加上其他信息内容就行了,搞定~
二. 文字处理
我们平时在制作PPT的时候经常会用到一些优秀的字体来进行页面排版,但是在商业设计中,绝大部分优秀的字体都是要付版权费用的,所以我们在网易云banner中很少看到一些收费字体。大多都是手写体或者无版权的宋体、微软雅黑,而且这些字体同样符合网易云文艺、小清晰、简约的特点。
宋体
微软雅黑
手写体
我相信微软雅黑、宋体这些字体在我们日常制作PPT中是极少使用的,因为大部分人都被灌输了“好的字体才能做好的设计”这个思想,那我们再回头看看上面的这些banner,其实没有多么酷炫的字体,用最简单的宋体、黑体也能做出优秀的设计。
那么我认为使用最基本的黑体或宋体能做出优秀的设计,跟文字排版和字体设计是分不开的。
1、文字排版
网易云banner很多文字排版都不是中规中矩的,但都是有很强的设计感,比如下面这张banner,作者很喜欢将艺人姓名的形式与名字用空格隔开,喜欢加一些粗狂的线条进行装饰。
那我尝试把这张banner用最基本的排版进行设计,去掉姓名中的空格以及粗狂线条,就会发现banner的精致感远不如之前。
我们再来看一张banner。
这张banner文字使用的是宋体与黑体组合,主人公是一位漂亮的女艺人,所以作者把“女王”二字刻意放大,大字与小字部分形成大小对比,看起来则更有设计感。
那我把原设计修改为没有大小对比的文字排版,看上去也没那么糟糕,是因为女主的颜值还在线,颜色搭配也合适,但是之前的精致感却全无,这样的设计当然也不会让人记忆深刻。
以上两点都是从文字排版总结的经验,除了文字排版,作者还善于字体设计,无论是宋体还是楷体,都能设计的游刃有余。
2、字体设计
笔刷代替笔画
四点水笔画改为波浪线
切割部分字体
电联想到闪电,用闪电符号代替笔画。
可以看到,banner中被圆圈住的地方都对字体的笔画做了调整,有的是进行替换笔画、有的是进行切割或填补,总而言之都是为了让字体更有设计感。
除了修改笔画之外,还可以对文字加入肌理元素。
PPT中给文字加肌理可以看看这篇文章[点击查看]
三. 设计套路
设计套路是什么意思呢?我们先来看看下面这组图片有什么相似的地方。
观察过后,你会发现这两幅图都有相同的背景、图形叠字效果、蓝色填充、红蓝线条装饰。
左边的图片是活动原图,右边的banner是提炼原图的元素和风格而制作。原图的设计本身就不错,经过处理过后更精致。
下面这张banner,同样的是取自于歌曲专辑封面的元素与配色,也就是相当于把正方形的构图修改为长方形的构图。
相同的banner案例还有很多
这也是网易云的banner为何如此优秀的原因之一,每一张banner的背后基本上都是一张精致的专辑封面或活动kv,再通过网易云设计师的提炼、字体调整、精心排版之后才有了现在的这个样子。
总结:通过排版构图、文字处理、设计套路三个方面讲解了网易云banner的设计特点和思路,希望这些优秀的作品可以对你有所启发。如果有时间,也可以在网络上找一些专辑图片进行banner设计。
文章推荐
分享一个超实用的排版技巧,搞定89%的PPT排版难题
《中国机长》海报的文字排版,用在PPT中贼好看!
What?老板不想看我的PPT:丑,只是其中一个不重要的因素!
华为mate 30开发布会了,这个超酷的技巧,你也能学会!
学会了这个厉害的PPT技巧,老板忍不住给我升职加薪!

