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

2019-12-12 15:03:54

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

初识「网易云音乐」，不是因为它的曲库，不是因为它的推荐，也不是因为它的评论，单纯是因为喜欢网易这个公司，喜欢他们旗下产品的调性。

后来有一天，敲着代码，听着它推荐给我的歌，突然一首似曾相识的曲子响起！！！这首歌是以前在某个咖啡馆听到的，当时就觉得超好听，然而后来忘了歌词，甚至连旋律也不记得了，于是再也没听过。没想到突然又再次在耳边响起，真是无比欣喜，有一种失而复得的幸福感。于是便慢慢地爱上了它，期待和感受着它带来的每一次不经意的感动和惊喜。

哎呀，扯远了！回到正题，今天我做的就是最近的“网络爆款”「网易云音乐」的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%4%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原型资源分享

WeUI（微信）原型资源分享

外卖（饿了么）APP原型资源分享

 

关键词：h5服务热线页面 h5网站程序 h5静态页面制作

↑ 回到顶部