音乐「QQ音乐」网页版原型分享

在大城市的夜晚陪伴我们最多就是就是音乐,它陪伴我们一个又一个夜晚,寄托了太多的情绪和故事。

我们这次分享的是占据音乐软件半壁江山的 QQ 音乐的原型图设计。在之前的分享里,我们已经提供给大家了几十套APP原型模板以及数千个APP常用组件,但是很多小伙伴呼唤说能不能来点web组件,毕竟还是有很多web产品需要设计的!所以,这次为了提供给大家更多的web组件来创作原型,我们分享给大家QQ音乐的网页版原型,不仅有可用于展示的能够以假乱真的高保真原型,也有更加突显产品逻辑和页面结构的低保真原型。

这套资源不仅仅可以用来制作音乐类网站的原型,里面丰富的组件和布局可以适用于视频网站电商购物网站书籍阅读网站优选推荐网站新闻资讯网站等一系列网站上面。

原型预览

下面我们就来看看这次分享的《QQ音乐》里都包含哪些内容吧!

首先是三大版块:

1、「音乐馆」:排行榜、首页、歌手、专辑、MV、数字专辑页

2、「我的音乐」:、我喜欢

3、「音乐号」:音乐号、开通音乐号、申请页

其次还有各类详情页面:歌手个人页、搜索结果页、播放页、歌曲详情、MV播放页

高保真原型

低保真原型

组件库展示

这一套web原型中有多种图文布局模板,双栏、三栏、四栏、五栏布局,以及单列图文列表,应有尽有,可以用于各类网页中的信息展示。

还有其它常用网页组件,比如评论列表、顶栏、分页组件、筛选标签等等。

这些原型资源怎么使用呢~

进入xiaopiu精选广场的组件库/页面库,搜索「QQ音乐」,在搜索出的组件库右下角点击「引用为我的公用库」。(搜索页面库时,记得在右侧切换为web端)

点击引用按钮后,就可以在项目编辑页左侧面板看到这些资源!需要使用的时候直接从左侧拖拽导入,就可以快速搭建自己的原型啦!

p.s.:我们xiaopiu的精选广场里还有其他的海量原型图设计资源库呢!有海量的产品原型和组件可以随时直接使用!

资源链接

高保真原型地址:QQ音乐网页版(高保真)

低保真原型地址:QQ音乐网页版(低保真)

高保真页面库地址:QQ音乐高保真页面库

低保真页面库地址:QQ音乐低保真页面库

组件库地址:QQ音乐组件库

什么?你觉的网页版原型设计图的并不能满足你,没关系,下面就祭出和QQ音乐平分秋色的网易云音乐APP 原型设计图,同时还有几款音乐类别原型图设计,总有一款能用得上!点击下面的链接仔细了解一下吧!

知乎

作者:Ms.Piu
(0)

相关推荐

  • 电商「网易严选」网页版原型分享

    网易严选在电商市场进入红海的阶段,从品质生活角度着手,以ODM模式切入,采用直接从供应商处精选高品质商品的方式,剔除中间环节,为用户提供物超所值的品质生活产品,让用户可以更专注于自己的需求和商品的品类 ...

  • 在线教育「慕课网」网页版原型分享

    刚刚毕业的学子们,终于也投身社会这个大熔炉中.初入职场,相信刚毕业的你们都有着上进的动力和梦想,但可能因为专业技能的不丰富或者略有欠缺,可能会在工作过程中不断碰壁,然而现在又不会有集中的时间去让你再次 ...

  • 手机QQ音乐“使用QQ音乐锁屏”功能如何开启

    QQ音乐是我们现在经常使用的音乐播放软件,我们在使用的时候可以将其设置为锁屏,方便我们操作.今天小编就跟大家分享一下手机QQ音乐"使用QQ音乐锁屏"功能如何开启.具体如下:1. 首 ...

  • 如何使用pc端qq浏览器登录网页版微信

    分享给大家如何用pc端qq浏览器登录网页版微信,让电脑使用微信聊天更便捷. 操作方法 01 首先下载电脑的最新版qq浏览器. 02 安装后双击打开qq浏览器,在最右上角有个微信图标,点击它. 03 接 ...

  • 网易云音乐与QQ音乐歌曲共享后,你会选择哪款呢

    使用人数居于前列的两大音乐播放器,QQ音乐与网易云音乐,有彼此共享音乐的资源的可能.QQ音乐一直因为掌握有大量的音乐资源被用户选择,网易云音乐是一个自带故事的播放器,每首音乐评论都充满了用户的情怀,音 ...

  • 如何取消qq音乐显示?qq音乐显示取消的方法

    大家使用QQ音乐时,好友的状态里面会显示,我们正在听歌和歌曲的名字,我们如果不想让好友知道该如何设置呢?qq音乐支持在线和本地音乐播放,拥有音乐搜索和推荐功能,曲库也是很丰富的。下面小编就给大家分享下 ...

  • QQ同步助手电脑版,QQ同步助手网页版官方网站首页

    QQ同步助手是腾讯公司开发的一个安全、免费的个人手机数据的备份管理服务软件。该软件通过本地或是无线网络操作备份手机中的资料,然后可以通过手机上网等方式进行搜索、管理、分享这些信息。 QQ同步助手官方电 ...

  • 怎么上传本地音乐或者QQ音乐为空间背景音乐?

    仅绿钻用户支持上传本地音乐、设置QQ音乐为空间背景音乐(普通用户每月仅设置3首且有使用期限),操作方法如下。 设置本地上传的歌曲为背景音乐: 1、登的QQ空间=》音乐=》背景音乐=》添加本地背景音乐; ...

  • 位于海外的华人如何使用golink进行虾米音乐或QQ音乐的收听

    当我们位于海外时,或者一些海外的华人,是无法直接使用QQ音乐和虾米音乐app的,这是由于版权的原因,那么海外华人应该如何使用GOLINK收听虾米QQ音乐呢?接下来就由小编来告诉大家.具体如下:1. 第 ...