banner信息是什么_为什么网易云音乐的banner总是那么吸引人?

用过不少音乐软件,它们的banner设计和网易大同小异,这也说明受众和市场是接受的。个人相对来说还是比较喜欢网易云音乐,抛开神人辈出的评论区,作为设计师,对于网易云音乐的视觉设计还是很喜欢的,而banner作为主面板的视觉核心区,承载着整个面板的宣传焦点,新歌首发、歌星访谈以及其他营销信息都会在这里以轮播的形式不断展示,所以设计重心自然而然就落在这一块区域,纵观以往的banner设计,至今网易云音乐都保持了较高的水准,风格搭配内容,配色结合排版,总能吸引人的视线。

4bf2c9f5368beb1dcc0b24e27979ae8d.png

网易云音乐主面板

上面是我的网易云音乐面板,顶部个性推荐那一列就是主banner视觉区。我们先来看几个设计案例,看看从中能现些什么设计手法。

9ddd848e47fe736c1c0f7f6521f37a99.png
878612b570006e3f15f08a6c83e9770e.png
69b5f4ad271a6f4c3437bc2abec57d4e.png
1e0c70e767595f313cdbc3a7de766b87.png
6e7368f568f1ee8d99f43dd935ce2199.png
21911f4a94c1cba0b175aa2d05774032.png

不知道大家有没有发现,上面所列举的banner设计,代表了5种不同的排版组合,第一张和第二张是左文右图和左图右文的组合,第三张是形象居中,文案在两侧的组合,第四张是文案居中搭配背景,第五张是形象为前景,浮在文案之上的形式,第六张是以人物组的形式出现。接下来和大家探讨一下这几种组合形式。

一、左图右文&左文右图

这两种其实可以归为一类,主要特点是画面左右分割明显,文案作为一个整体,图像作为另一整体。这也是基本的排版方式,这种方式能够非常直观有效的传递出画面所要表达的信息。

c95248ea47f5d3b54edd21c72a429407.png
e3d3933f7cb7bc24001ffbae2003996c.png
ed95676aa65acd485f1f39c387071e6a.png
5ca9ff3e7f8d13bb385725bebebc8cc7.png
5c69f5abbf6f027eb455c99d4aeaeac1.png
617a49526493f404682f48206bcb164a.png
486f500a76ab5ed53cf42fa3d10dc053.png
1f04116f2e250feee9deddca1dbd2574.png
48a56840c014acd93dc731ce528b7c9f.png

如上面的案例,无论是何种风格的封面图,都运用了这一种排版组合方式,你能够很清晰的看到banner中主题是什么,歌手是谁以及是何种风格。我们知道排版四大原则是重复性、亲密性、对比和对齐。

5ca9ff3e7f8d13bb385725bebebc8cc7.png

以上图远东韵律和张碧晨联合的这张banner为例,左文右图的形式清晰分割了画面,左侧最为粗大的MAPS强调了它就是文案的主体,而其他文案依次居中排列,文案部分很好的体现了对齐、对比和亲密性的原则。在看右图部分,同样的圆角矩形将歌手放置其中,依次排列,美观有序,这是重复性的表现。

5c69f5abbf6f027eb455c99d4aeaeac1.png

而像解忧唱片行这一张为代表的单形象,则可以使用最基本的排版,只要保证人物主体和文案组的合理放置,遵循排班的基本原则,便可以组合成一个美观的画面。

二、形象居中,文案在侧

这种方式可以将人物形象信息最大化的展示出来,人物占据视觉中心,成为画面焦点,让人的视线集中于此,从而增强歌手在观众心中的印象,然后将文案按照排版原则去放置,再加上烘托氛围的背景元素,画面即成。

69b5f4ad271a6f4c3437bc2abec57d4e.png

焦迈奇这张banner是我个人非常喜欢的,整个画面风格迷幻,人物形象突出,配合编排有序的文案,让整个banner相当出彩。类似的画面还有下面这些。

60212055423fc096a531c400405d6442.png
c2acfe168f082e43b64064d79bfc7a44.png
df6a02526d2ccca67ea1117395f1a172.png
97cc802659345665f049353130175fa1.png
e87e5960ba4bfaa1d8049d9592ce4eb2.png

三、文案居中+抽象背景

抽象背景也可以是无人物形象的背景元素,这种方式适合表达一些特定的主题,像心情类、话题类、投票类、电台宣传以及一些产品营销等等这样的信息聚合类的banner设计。

1e0c70e767595f313cdbc3a7de766b87.png
cbff3cc818b5a5b39fad6b84d513379b.png
a063a1ef975df377665a9740f6877425.png
ab6998ef9199a6e87b6351c2652da7de.png
be4f9f0245f2424945357d36c61ccb78.png
adb3fa69a6d169a19e2b3d4ea15d3b3d.png
d045e0c47bdad7ac149e69a9737f847b.png

四、人物为前景浮于文案之上

其实这类有两种形式,一种就是人物浮于文案之上,另一种是文案叠在人物之上。这一种和人物居中的形式有类似之处,也有细节的区别。这种形式文字和图像并非完全分隔,而是相互之间有所遮挡或相互穿插,让画面更具特点。

c03eac566b78030e63e816cdd62d05b0.png
6e7368f568f1ee8d99f43dd935ce2199.png
0ff3efdd3f740bc5f3c0e31dd632c876.png
51c9a5053d6ab8ae2f4ea5a9502cd55d.png
eb94e9a9ed215931ee27bff57fed4eba.png
dcf60912dd6fdc413204c5cb6c8ef4dd.png

五、以人物组形象出现

以人物组出现的方式大多用于乐队组合或者几位与主题相关的人物。这类风格的banner往往是要表现一个群体主题,像热评、颁奖、歌单推荐等等,用人物组合的方式向受众传递画面信息。

21911f4a94c1cba0b175aa2d05774032.png
e8d2b0b253e2c5e4a805a257fb9ce0a2.png
cb9ec2ce0ad529e5d559b4da86dd904d.png
79e0a22a3e1407e95725d3e8c04d7981.png
60e813e34caa6fc42a676d225a1b67fa.png
2de12e4c4c0caa4f691e7d3d32bbf778.png
a998b1ce272c45393afce82812b44a35.png
633db9f50ab2f2813f98b262634b8cc6.png

以上是我总结的网易云音乐主流的几大画面组合形式,我每天都会关注云音乐客户端主banner的更新,也一直在观察它的风格变化,总的来说大方向就是这些,其实不光是云音乐的banner设计,任何媒介的焦点图大都离不开这些形式,大框架之下就看设计师们如何发挥自己的小创意,让视觉更出彩更吸睛,从而产生高点击,达到宣传目的。

接下来再来欣赏一些比较不一样的版式形式,也是出自网易云音乐。

8deb2daffeaab2cdc077e4ca7da74181.png
d02dbce90187f691d9b6c84f18da5904.png
b21e90844f142fbed0360d96459cb2ad.png
7f357ca9ed98fd266fa1cead3f08c4fd.png
3b394f6a8c0c6c711acaf3a0046e836c.png
a0916187a121ad23361bb0385525a5b9.png
c4574902cfa2c522e165a1823e701aa3.png

视觉传达是本着利益受众的理念去组合画面,而最终既能让受众喜欢又能达到传达目的,这就是一个成功的设计。通过以上对网易云音乐banner的设计发现,我们在以后的设计工作中就能更加清晰的理顺设计思路,设计出让各方都满意的作品,这也是一个设计师的价值所在。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值