当前位置: 首页 >文章 > 都在听网易云,却不知道banner设计这么好用
收藏
分享

都在听网易云,却不知道banner设计这么好用

举报张修张修发布于 2020-12-312820阅读20点赞
带你了解网易云的banner设计...

5分钟教你快速设计网易云banner

▲往下继续看文章,内含设计实操案例干货!


1

作为老网抑云的铁粉,最近的2020年度报告刷红了朋友圈,不看不知道,原来这一年小编一共听了954小时3089首歌,如果24小时不间断也要40天才能听完,不知道这算不算老网抑云了,如果有听歌时间比我长的可以留言batter一下!



▲小编的2020歌单



2

为什么偏偏网易云成为了年轻人和大众的最爱

网易云做对了两件事情


-懂音乐


听着歌曲,看着评论,有无数个故事在治愈和慰藉那些深夜不眠的孤独患者,总能有一句话戳到你早已满目疮痍的内心,吃着火锅眼眶里含着泪水,发送了分手文字的短信,所以在网易云里听的不只是音乐,还有故事。



▲评论来自网易云


-懂设计


打开网易云,我们可以从banner的设计中感受到听取音乐的风格,甚至发行EP所要阐述的理念都能在一张小小的banner设计中有效读取,在小编认为这是与音乐融合出来的设计,而不只是为了设计和推广这首歌曲的目的。


▲图片来自网易云



3


1、让色彩情绪化


色彩并不只是用来配合文字和图片的工具,而是需要赋予设计灵魂,让色彩变得富有深度和画面感,小编称为色彩属性,每一首歌不管是流行、民谣、摇滚、电子、独立音乐类型,都有着背后的创作故事和曲风类型,从色彩属性最直观的将故事里的情绪化表现出来,让观者看到画面就能知道这首歌大概是什么曲风,是悲伤的还是开心的歌曲。



▲图片来自网易云


图上歌曲想要体现的是一场与自由的角逐,曲风也偏向于Hip-Ho说唱和电音的一种结合,代表着勇敢与激情的红色调铺满了整个画面,结合展露的肌肉身材,从中释放出想要自由和寻找自由的情绪性。当颜色调整为黑白配色后,原本代表着勇敢和自由的感觉突然消失了,从画面中反而获取了一种孤独和悲伤的情绪感。



▲图片来自网易云


再看图上的banner结合歌曲名,我想大部分人都能判断出这首歌是写的对另一伴的不舍和留念,雨天昏暗的深夜加大了对于观者的理解与感受,而如果整个画面的色彩调整为黑白色,只留出灯、红酒、相框的颜色后,那种失去的强烈是不是会更加的明显和深刻。




▲图片来自网易云


2、控制画面留白


留白的目的除了解决画面内容层次的一种梳理以外,还会为设计增加很多艺术美感和想象空间。



▲图片来自网易云


我们可以看到两张图的对比,从本身版式的理解上,文字居左对齐,将文字的大小、粗细通过层次分开得到流畅的阅读感,本身是没有问题,但却失去了音乐特性的本质,而留白就是改变和拆分版式编排的结构,将其原有连串起来的主题文字拆分重组,让版式内部得到一个流通。



▲图片来自网易云


3、让设计变得有趣


设计不是表格也不是冷冰冰的数字,设计是为了让人们感受人和生活的理想化,所以有趣就变成了一种特质化标签,可以提升对于大众的新鲜感。利用字体之间的变化,符合主题的元素图形或者涂描来放大画面设计的趣味性,就像烤羊肉一定要放孜然或者椒盐才算吃的够爽是一个意思。




▲图片来自网易云



▲实操案例分享


设计诠释:"破碎的光线在水彩浸润过你的脸,Tsing River,it will wash me" 这是白皮书乐队里关于《清河》歌曲里的一段歌词。从歌词中感受到人浮在水面上,斑斓的色彩光照进全身,又随着余晖渐渐消失殆尽的感受。所以在设计中利用了双色渐变将整体的画面颜色变成了涂抹色彩,扭曲和波澜的水面塑造出与众不同的设计感。



步骤1:

利用参考线找到中心区域,并放置主体图片。



步骤2:

【渐变隐射】工具绘制绿色与蓝色的渐变

【渐变隐射】工具绘制紫色与蓝色的渐变并选择图层模式中的【饱和度】

【色彩平衡】将整体的颜色往青色与蓝色两块区域拉伸参数



步骤3:

使用滤镜>液化工具,选择左侧工具栏的「褶皱」将重心的画面拉出层次距离,在将湖面做变形处理,得到扭曲的画面效果。



步骤4:

将文字的字间距拉松并且放置到中心区域,将英文字母拉出高度形成设计元素与文字融合成整体。



步骤5:

复制画面中的一部分进行变形处理得到一个类似纸张飘散在空间的效果,放置到文字框架的中间,与白皮书乐队得到一个很好的风格统一。



步骤6:

用类似毛笔字笔刷的字体绘制出清河的歌曲名,再分散到左右两侧,形成一个版式上的平衡,否则会显得两侧过于留白过多,当然中心区域与两侧之间形成的留白区域是作为一个空间进行想象。



----------------------------------------------------------------------

注意事项

设计版式中的留白和文字段的分拆和组合处理对于banner设计来说非常重要,可以很有效的体现设计感的美观。


原文链接:https://mp.weixin.qq.com/s/3qTR8GZLAV3lpWG9CPKyBg


本文原创,未经作者允许不可转载!更多内容,欢迎关注作者微信公众号:修先森撩设计


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,481人)

【4月】趣味MG动画制作训练营
距离开班仅剩11天33人已报名
【4月】零基础手绘插画训练营
距离开班仅剩11天61人已报名
电商海报设计训练营
距离开班仅剩39天23人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了46,688
并提交了341份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证