Spotify音乐行业网站设计

网站赏析：

正如标题所言，这是一个音乐行业的网站建设 。在网站的展示上 , 我们能有许多感触 :

    ○ 在人机交互上 , 网站做到了和用户的互动 , 在访问时 , 仿佛将人们带入一个不一样的世界 。

    ○ 在选用歌曲海报时 , 向用户更多地展示的具有年代感的唱片海报 , 紧扣怀念过去音乐的主题 。

    ○ 在整体的网页字体选择上 , 网页也偏向于怀旧风 。

    ○ 布局上 , 有着老式音乐播放器的样子 , 简洁明了 。

设计看点：

在进入网页时 , 设计师通过一个"让我们开始"按钮与用户进行互动 , 更能提高用户的兴趣。后面文字接连动态的出现 , 营造出了一种故事即将展开的氛围。包括文字波浪形展示以及渐显的动态效果 , 让这一元素足够吸引用户的关注。优秀的留白设计让网页在简约的风格之下显得有内容 , 凸显了视觉主体。

在进入首页后 , 就如下图我们看到的一样 。极简风格的页面展示出了网页的核心内容 , 略微带有怀旧色调的歌曲海报体现出了网站怀旧这一主题 。上下图文的位置与搭配都非常用心 , 文字采用弧形的展示方式突出了页面的灵活性 。字体的样式包括字体的粗细不同 , 使得网页元素看上去层次分明 , 具有美感 。

在特效的展示及设计上 , 这一网页许多地方也是具有很强的带入感 :

    ○ 鼠标拖动唱片海报时 , 中央的海报会适当缩小 , 在海报切换过渡中给人3D的视觉效果 , 使用户有更好的视觉体验 。

    ○ 切换时 , 中央海报会缩小 , 亮度在移动的同时慢慢变暗而使下一张海报渐显 , 从而凸显了视觉主体 。展示海报与备选海报的亮暗对比 , 让中央海报在所有海报中脱颖而出 。

    ○ 海报下方的相应名字的摆放总体呈轮盘状 。名字轮盘的转动特效以及对应的卡点 , 使得元素更加具有点击感  。

    ○ 圆弧状的名称显示 , 还原了老式黑胶唱片的大致模样 。渐显的名称同样做到了凸显视觉主体 , 字体的样式设计也是别出心裁并且贴合网页的主题 。