网易云音乐APP原型资源分享

写在开头:本文是 @Sophia 发表在产品壹佰(http://www.chanpin100.com/)上的文章,转载文章仅供大家学习,不作任何商业用途。

半个月前被「网易云音乐」的「乐评专列」刷了屏,上面的评论句句戳中人心,真想这专列在北京来一波,一定要去坐几个来回好好感受一下。

今天做的就是最近的“网络爆款”「网易云音乐」的APP原型(还有组件库和页面库),在这里分享给大家。里面有音乐播放相关流程,专辑信息,登录、注册流程,有各种列表,评论,动态,关注,粉丝等常用页面! 下载地址见文末,先看演示吧!~^_^o~

原型演示

网易云音乐APP原型资源分享_第1张图片

(右侧截图出自「网易云音乐」iOS版APP,仅用于此处与原型对比,不包含在原型内容中)

部分原型动态预览

组件库展示

网易云音乐APP原型资源分享_第2张图片

利用组件库快速搭建页面

1. 在广场找到「网易云音乐」APP原型组件库, 点击引用组件库:

网易云音乐APP原型资源分享_第3张图片

或者

网易云音乐APP原型资源分享_第4张图片

2.如上图所示,点击引用后,组件库即成为自己的引用资源(库内的资源也会实时更新),大家可在项目中使用,搭建自己的页面,比如快速搭建一个「新歌」页面:

资源地址

原型预览:http://www.xiaopiu.com/h5/byId?type=project&id=58e1d3a6770483bb5e710ae5&activePage=38

原型下载:http://www.xiaopiu.com/square?sort=new&searchText=%E7%BD%91%E6%98%93%E4%BA%91%E9%9F%B3%E4%B9%90

页面库引用:http://www.xiaopiu.com/square/page?sort=new&libPop=page&libId=58e50d8755face68036bdaf6

组件库引用:http://www.xiaopiu.com/square/contr?sort=new&libPop=contr&libId=58e537dc55face68036bdb43

其它「资源分享系列」链接

电商(天猫商城)APP原型资源分享:http://www.chanpin100.com/article/103327

WeUI(微信)原型资源分享:http://www.chanpin100.com/article/103318

外卖(饿了么)APP原型资源分享:http://www.chanpin100.com/article/103374

写在文末:再次申明所有转载文章仅供学习,感谢作者的无私分享。如果喜欢我们的文章就点关注❤️吧,我们会每天更新!

你可能感兴趣的:(网易云音乐APP原型资源分享)