搜索内容:
网站关键词
酷站博客
搜索内容:
网站关键词
酷站博客
894
page1-48
跳转至

Spotify音乐行业网站设计

Point:一段回到过去的旅程 , 为了对美好旧时光的爱。

+

Spotify音乐行业网站设计

网站赏析:

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

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

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

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

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


设计看点:

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

a1.gif

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

U0DWUXQB[DYL[0%{SR761`F.png在特效的展示及设计上 , 这一网页许多地方也是具有很强的带入感 :

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

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

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

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

a2.gif





相关推荐
猜你喜欢
M`关于《熊71》纪录片的flash网站设计
Date:2017-09-19 14:17:54
Point:《熊71》是一部关于野生动物保护官员监视的一只雌性灰熊的互动纪录片。
M`Neutral Work工程公司网站设计
Date:2019-08-09 10:45:32
Point:一个关于工程设计的创意型设计企业网站,让人耳目一新
M`Pioneer玉米的科学性的网站设计
Date:2020-07-13 13:10:50
Point:通过实时3D资产和动画的编排,Pioneer玉米的幕后流程和尖端科学得以讲述。
MFweb`sharing
慕枫酷站为您推荐最前沿的酷站,网站欣赏,高端网站设计

浙ICP备15047023号 Copyright©2018 MFweb All Rights Reserved.浙ICP备15047023号-6 浙公网安备 33021202000871号

Mfdemo建站平台
MFD设计师导航
限量精品模板免费下载

在此计算机上记住密码

限量精品模板免费下载
获取

注册成功

3

s后返回登录
限量精品模板免费下载
获取
重置成功

3

s后返回登录
联系电话 15558226302

微信咨询 杉木-总监

分享酷站到各大社区