音乐网站 / 界面 · 3D · 音效
Hoenix
把九个发行作品、音乐播放器和四个3D场景整合到同一个网站。访客可以选择专辑、播放曲目，并观察画面如何响应音乐。
01 / 任务
一个网站，九个发行作品。
Hoenix的九个发行作品由同一条故事线连接。我们的任务是呈现这种联系，并让听众轻松找到想听的专辑。
从首屏即可进入音乐。每个发行作品都包含说明、播放器和3D场景，并单独设计了手机端操作。
- 09
- 网站上的发行作品
- 04
- 四元素3D场景
- 11
- 语言版本
- 04
- 画质模式
- 09
- 完整音轨
02 / 概念
每个发行作品都有自己的世界。
九张专辑环绕同一中心排列。选择一个发行作品，即可进入它的音乐世界和水、火、风、土四种元素之一。
03 / 导航
从初次了解走向音乐。
- 01
首页
初识项目的视觉语言，并直接进入音乐体验。
- 02
历史
Hoenix的构想，以及串联各个发行作品的背景。
- 03
全部发行作品
这九张专辑构成了一个相互关联的音乐世界体系。
- 04
专辑页面
封面、发行故事、音乐和3D场景合为一体。
04 / 3D与音效
画面跟随音乐节奏变化。
低频、中频和高频控制不同的图形层。低音改变音量，中频改变表面运动，高频则影响光和细小颗粒。
- 网站内含九首完整音轨;
- 由听众自由选择播放内容;
- 四个场景：水、火、风和土;
- 在空间画面上保持清晰易读的界面。
项目节选
Collapse signal
Hoenix中的一首曲目。点击播放即可试听。
05 / 移动端版本
在手机上也能方便地聆听和观看。
针对窄屏重新设计了导航、封面、说明和播放器。文字无需放大即可阅读，按钮尺寸适合手指点击。
四档画质可针对不同设备调整画面。设备性能有限、启用省流量模式或关闭动画时，会使用轻量版本。
06 / 实现
九个发行作品。四种元素。
完成的网站包含九个发行页面、九首完整曲目、四个3D场景和十一种语言版本。视觉设置支持切换材质，并可选择四种画质模式。