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

作者: 产品经理成长记 | 来源:发表于2017-06-21 02:48 被阅读214次

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

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

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

    原型演示

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

    部分原型动态预览

    组件库展示

    利用组件库快速搭建页面

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

    或者

    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原型资源分享

        本文链接:https://www.haomeiwen.com/subject/paczqxtx.html