四川时时彩开奖结果 四川时时彩下载手机版式 四川时时彩11选5开奖结果 四川时时彩开奖号码 四川时时彩快乐12 四川时时彩玩法 四川时时彩在线投注 四川时时彩官方网 四川时时彩有没有技巧 四川时时彩玩法 四川时时彩合法吗 四川时时彩开奖结果查询 四川时时彩直播 百度四川时时彩 四川时时彩走势图开奖号码 四川时时彩app下载手机版下载安装 四川时时彩官网 四川时时彩连线走势图 四川时时彩网 四川时时彩怎么玩法 四川时时彩连线走势图 四川时时彩app下载手机版下载 四川时时彩走试图 四川时时彩官方网站 四川时时彩开奖号码 四川时时彩怎么玩法 四川时时彩vv平台 四川时时彩11选5开奖结果 四川时时彩qq群 四川时时彩开奖结果查询

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

作者:乐观做设计
分类: 观点/经验
2019-07-02
1912

本期将与大家探讨网易云音乐的banner视觉设计,分析一下banner中存在的视觉合理性和美观性。

本期将与大家探讨网易云音乐的banner视觉设计,分析一下banner中存在的视觉合理性和美观性。用过不少音乐软件,它们的banner设计和网易大同小异,这也说明受众和市场是接受的。个人相对来说还是比较?#19981;?#32593;易云音乐,抛开神人辈出的评论区,作为设计师,对于网易云音乐的视觉设计还是很?#19981;?#30340;,而banner作为主面板的视觉核?#37027;性?#30528;整个面板的宣传焦点,新歌首发、歌星访谈以及其他营销信息都会在这里以轮播的形式不断展示,所以设计重心自?#27426;?#28982;就落在这一块区域,纵观以往的banner设计,至今网易云音乐都保?#33267;?#36739;高的水准,风格搭配内容,配色结合排版,总能吸引人的视线。

1.jpg

我的网易云音乐主面板

上面是我的网易云音乐面板,顶部个性推荐那一列就是主banner视觉区。我们先来看几个设计案例,看?#21019;?#20013;能?#20013;?#20160;么设计?#22336;ā?/p>

2.jpg

3.jpg

4.jpg

5.jpg

6.jpg

7.jpg

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


一、左图右文&左文右图

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

8.jpg

9.jpg

10.jpg

11.jpg

12.jpg

13.jpg

14.jpg

15.jpg

16.jpg

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

17.jpg

以上图远东?#19979;?#21644;张碧晨联合的这张banner为例,左文右图的形式清晰分割了画面,左侧最为粗大的MAPS强调了它就是文案的主体,而其他文案?#26469;?#23621;中排列,文案部分很好的体?#33267;碩云搿?#23545;比和亲密性的原则。在看右图部分,同样的圆角矩形将歌?#22336;?#32622;其中,?#26469;?#25490;列,美观?#34892;潁?#36825;是重复性的表现。

18.jpg

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


二、形象居中,文案在侧

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

19.jpg

焦迈奇这张banner是我个人非常?#19981;?#30340;,整个画面风格迷幻,人物形象突出,配合编排?#34892;?#30340;文案,让整个banner相?#32972;?#24425;。类似的画面还有下面这些。

20.jpg

21.jpg

22.jpg

23.jpg

24.jpg

三、文案居中+抽象背景

抽象背景?#37096;?#20197;是无人物形象的背景元素,这?#22336;?#24335;适合表达一些特定的主题,像?#37027;?#31867;、话题类、投票类、电台宣传以及一些产品营销等等这样的信息聚合类的banner设计。

25.jpg

26.jpg

27.jpg

28.jpg

29.jpg

30.jpg

31.jpg


四、人物为前?#26696;?#20110;文案之上

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

32.jpg

33.jpg

34.jpg

35.jpg

36.jpg

37.jpg


五、以人物组形象出现

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

38.jpg

39.jpg

40.jpg

41.jpg

42.jpg

43.jpg

44.jpg

45.jpg

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


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

46.jpg

47.jpg

48.jpg

49.jpg

50.jpg

51.jpg

52.jpg

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

今天的分享就到这里,?#34892;幻?#19968;位坚持读到最后的朋友,阅读和设计一样,是一个不断往返的过程,保持乐观,坚定信念,期待你的进步!


14
21
×

赛事服务联系方式

0371-86068866

4008887269

[email protected]

好的,我知道了

官方微信

联系我们

  • QQ:
  • 电话:0371-86068866
  • 投稿:[email protected]
  • 地址:郑州市国家大学科技园东区9号楼2层

版权信息

  移动 Android 版 豫 ICP 备16038122号-2 豫公网安备 41019702002261号

四川时时彩官网
方舟生存手机版下载中文破解版 cf手游图片 全天5分快3计划大小 从马德里到塞维利亚 mg幸运龙宝贝超级大奖 暗恋官网 体彩江苏7位数开奖号码 部落冲突建筑大师5级本阵容推荐 快乐赛车开奖视频 重庆时时彩开奖视频518 05火箭vs小牛季后赛 比基尼岛援彩金