恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
音乐(网易云音乐)APP原型资源分享
0.0°
2017-04-06 原创文章 教程 举报 19372 96 132 1

2017版「网易云音乐」APP原型资源分享,组件库和原型均可下载使用。

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


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


原型演示

Image title

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


部分原型动态预览

Image title


组件库展示

Image title


利用组件库快速搭建页面

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

Image title

或者

Image title


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

Image title


资源地址

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

WeUI(微信)原型资源分享

外卖(饿了么)APP原型资源分享



欢迎大家对我们的原型提出建议,对后面分享内容有哪些期待和想法也可以跟我们交流哟!


如果你觉得还不错,就点个赞吧!哈哈,给我一点更下去的动力!




更新:2017-04-06

收藏

96人已收藏

xiaopiu

xiaopiu.com - 优雅高效的在线原型设计平台

  • 106

    作品

  • 1622

    粉丝

  • 1

    关注

  • 无缝切换工具,「Sketch 适配模式」开启快速上手新体验!
  • 高效评审 : 和团队一起在设计稿上「打点讨论」!
  • 「即时设计」又双叒叕更新啦!「团队版」让你协作、管理更轻松!
  • 「即时设计」更新啦!飞速迭代,5 大功能同时上线!

    猜你喜欢

      2017-04-06 原创文章 教程 举报 19372 96 132 1

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

      0.0°

      你确定要举报音乐(网易云音乐)APP原型资源分享

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年04月06日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      132
      96
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录