深度解析 |网易云音乐·时光模式播放器

用户头像
北京/设计爱好者/1年前/7412浏览
深度解析 |网易云音乐·时光模式播放器
站酷特别策划【设计前沿探】内容专栏。
诚邀前沿设计领域专家、大厂设计团队、知名设计机构等,共同发掘与分享前沿设计观察、思考、观点与实战经验。
深度解析 |网易云音乐·时光模式播放器(图ZMTQ4ODY2MDg=) - 观点 - 站酷设计师站酷策划原创素材 - 站酷ZCOOL
Collect
【设计前沿探】第4期:
深度解析 |网易云音乐·时光模式播放器
本期特邀专栏作者:
网易云音乐设计团队                       
前言
音乐是一种情感的寄托,也是具有时间感的艺术形式,音乐与时光的结合,创造出了具有陪伴意味的情感羁绊。让音乐能够陪伴每一个人,正是我们想传达给所有用户的美好祝愿。网易云音乐带着对音乐与时光的思考,推出了
「播放器皮肤 · 时光模式」,
希望音乐伴随时光成为陪伴,时光在音乐中变得悠长。
这不仅仅是对播放器视觉的升级,更是对于“一种陪伴,一段时光,一份情感”的深入思考。
 
 
设计策略解析
时光模式顾名思义,赋予音乐陪伴与治愈的力量,在一整天都能带给你不一样的惊喜。我们围绕以下三个纬度【调性传承】【画风塑造】【技术与美学】的设计思路,为大家讲解时光模式中视觉设计的魅力。
1、调性传承
网易云音乐出品的设计一致秉承
「自然、简洁、有温度」
的设计理念。我们希望用户在使用云音乐产品过程中,能够深切感受到简单舒适、温暖治愈的品牌调性,因此在时光模式的设计中,继续建立品牌与用户之间情感连接的桥梁,定义时光模式的设计调性。
深度解析 |网易云音乐·时光模式播放器(图ZMTQ4ODY2MTI=) - 观点 - 站酷设计师站酷策划原创素材 - 站酷ZCOOL
Collect
 
2、主题画风的塑造
山水构图与场景刻画
我们选择以 “山水画卷中的一轮日月” 为时光模式的主场景。通过对山、水、云、雾等元素的设计,细腻的表达营造出独特的视觉和情感体验,让用户真切地感受到【自然与音乐】相呼应的美好。
深度解析 |网易云音乐·时光模式播放器(图ZMTQ4ODY2MTY=) - 观点 - 站酷设计师站酷策划原创素材 - 站酷ZCOOL
Collect
 整体构图,延续黑胶页经典框架布局,让用户不增加理解难度的同时感受全新的时光氛围。
深度解析 |网易云音乐·时光模式播放器(图ZMTQ4ODY2MjA=) - 观点 - 站酷设计师站酷策划原创素材 - 站酷ZCOOL
Collect
与日月呼应的全新黑胶唱盘
日月是代表时间和空间的自然符号,象征着人们对时间和自然的尊重和崇敬。黑胶唱片的旋转与日月的运行遥相呼应,我们大胆的将唱盘与日月符号进行融合,赋予唱盘日月之貌,使其拥有时段的概念。
深度解析 |网易云音乐·时光模式播放器(图ZMTQ4ODc1MDg=) - 观点 - 站酷设计师站酷策划原创素材 - 站酷ZCOOL
Collect
根据日轨变化,将不同时段象征性的颜色与唱盘结合,进一步增强光源与盘的真实感。
深度解析 |网易云音乐·时光模式播放器(图ZMTQ4ODY2MjQ=) - 观点 - 站酷设计师站酷策划原创素材 - 站酷ZCOOL
Collect
 
表达真实时段的光影色彩
时光流逝的同时,会呈现出独有的色彩。不同时段的色彩会带给人不同的视觉感受。我们捕捉不同时段之间色彩的细微差别,使时光模式呈现出更加真实绚丽的自然魅力。让用户在美好的光影变化中,感受时光流转时的美妙与无限可能。
深度解析 |网易云音乐·时光模式播放器(图ZMTQ4ODY2Mjg=) - 观点 - 站酷设计师站酷策划原创素材 - 站酷ZCOOL
Collect
基于实时天气的陪伴感
除了时段变化外,我们还将用户真实的天气反应到播放场景中,无论是阳光明媚还是雨雪交加,每个天气条件都会在场景中出现,让音乐与真实天气相互帮衬,为用户的听歌体验营造身临其境的真实感。将现实代入视效的做法增强了用户发现时惊喜感,也能够让用户实时感知自身周围环境的变化,打破真实与虚拟之间的隔阂,深刻体会到时光模式带来的独有陪伴。
深度解析 |网易云音乐·时光模式播放器(图ZMTQ4ODY2MzI=) - 观点 - 站酷设计师站酷策划原创素材 - 站酷ZCOOL
Collect
 
3、技术与美学的交相运用
设计的初期探索阶段,合理利用AI技术辅助设计师探索效率。收集了近百张有关水面、明月、船只元素的图像资料,设计师们对这些资料进行画面分析并进一步提炼,快速验证了画面结构与效果可行性。
深度解析 |网易云音乐·时光模式播放器(图ZMTQ4ODY2MzY=) - 观点 - 站酷设计师站酷策划原创素材 - 站酷ZCOOL
Collect
设计进入尾声时,需要一系列动效来将产出画面效果赋予鲜活气息。我们将画面元素拆解为层,并把诸多图层进行归纳,最终整理出三类大层:
背景层、胶盘层、山水层
。由于图层之间相互独立,在设计过渡效果时,可以按需对不同视觉层灵活定义动画参数,让每个图层达到最优的动态效果,以达到最流畅自然的过渡感受。这种独立灵活的配置方式也为时光模式的未来拓展打好了基础:通过对不同图层之间组合排列,就能以最简单的方式模拟出大自然更多的鬼斧神工。太阳雨、极昼等。
深度解析 |网易云音乐·时光模式播放器(图ZMTQ4ODY2NDA=) - 观点 - 站酷设计师站酷策划原创素材 - 站酷ZCOOL
Collect
结语
在近几年面临音乐行业内卷剧烈的大环境下,怎样设计出一个有新意且又能给用户带来惊喜的新播放器是我们面临最大的挑战。关于播放页的创新,一方面需要满足用户场景化的音乐消费行为,另一方面也要满足更年轻活力、更具社交分享欲的用户。无论在视觉体验上还是情景拓展上,播放页需要新意,以适应音乐消费行为的转变和多元化的审美。
现在就和我们一起,感受下时光模式的最终呈现吧~
深度解析 |网易云音乐·时光模式播放器(图ZMTQ4ODc1MTI=) - 观点 - 站酷设计师站酷策划原创素材 - 站酷ZCOOL
Collect
 
 
在这个创意涌动、设计无界的时代,我们始终充满了对前沿探索的热情。
如果你正被某个内容选题深深吸引,希望可以和酷友切磋分享这份灵感与洞见; 或者,有你欣赏的某位设计专家在前沿设计领域有着独到见解和卓越作品!欢迎向【设计前沿探】专栏推荐提名或投稿。
邮箱:zcooleditor@zcool.com.cn 让我们携手共赴这场创意与设计的美妙旅程!
100
Report
|
124
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in