仿网易云音乐app-axure设计说明
一、设计概述
(一)设计目的
网易云音乐(NetEase CloudMusic),是一款由网易开发的音乐产品,是网易杭州研究院的成果,依托专业音乐人、DJ、好友推荐及社交功能,在线音乐服务主打歌单、社交、大牌推荐和音乐指纹,以歌单、DJ节目、社交、地理位置为核心要素,主打发现和分享。
本次我的设计是仿照网易云音乐app的部分功能。从手机桌面进入网易云音乐app时显示欢迎页,展示四个界面:发现音乐、我的音乐、朋友、账号。在发现音乐界面有轮播图片,并仿照网易云音乐app有相对应的音乐、视频和电台界面,每个界面有相对应的内容。在我的音乐有仿照网易云音乐app的本地音乐、最近播放、我的电台和我的收藏等,并且显示了我创建的歌单下的“我喜欢的音乐”链接,点击该链接,显示音乐歌单。在朋友界面,仿照了网易云音乐app设计了两个界面:动态和附近。在账号界面,设计了和账号相关的内容,如:头像、动态数量、关注数量、粉丝数量、我的消息链接等等。
- 设计特色
1.尽量贴近网易云音乐app的界面
2.显示欢迎页
3.使用多个面板组件实现多个页面的展示
4.“我的”界面显示精细
5.动态实现时间控件
6.使用到了中继器来展示用的关注列表,并能根据某个字进行模糊查询。
7.使用到了动态面板进行轮播图的展示。
二、设计过程
(一)功能结构图
仿网易云音乐app-axure设计说明
一、设计概述
(一)设计目的
网易云音乐(NetEase CloudMusic),是一款由网易开发的音乐产品,是网易杭州研究院的成果,依托专业音乐人、DJ、好友推荐及社交功能,在线音乐服务主打歌单、社交、大牌推荐和音乐指纹,以歌单、DJ节目、社交、地理位置为核心要素,主打发现和分享。
本次我的设计是仿照网易云音乐app的部分功能。从手机桌面进入网易云音乐app时显示欢迎页,展示四个界面:发现音乐、我的音乐、朋友、账号。在发现音乐界面有轮播图片,并仿照网易云音乐app有相对应的音乐、视频和电台界面,每个界面有相对应的内容。在我的音乐有仿照网易云音乐app的本地音乐、最近播放、我的电台和我的收藏等,并且显示了我创建的歌单下的“我喜欢的音乐”链接,点击该链接,显示音乐歌单。在朋友界面,仿照了网易云音乐app设计了两个界面:动态和附近。在账号界面,设计了和账号相关的内容,如:头像、动态数量、关注数量、粉丝数量、我的消息链接等等。
- 设计特色
1.尽量贴近网易云音乐app的界面
2.显示欢迎页
3.使用多个面板组件实现多个页面的展示
4.“我的”界面显示精细
5.动态实现时间控件
6.使用到了中继器来展示用的关注列表,并能根据某个字进行模糊查询。
7.使用到了动态面板进行轮播图的展示。
二、设计过程
(一)功能结构图
(二)功能介绍
我的项目是一款仿照网易云音乐app的一款 APP,设计时一共采用了 5个主要页面及若干辅助页面,页面之间可以实现链接跳转。
下面介绍这几个主要页面,它们分别是:
桌面:展示的是手机桌面,用各个小图片展示桌面的图标:照片、相机、地图、时钟、日历、天气等图标,在网易云音乐的图标图片上添加点击事件,点击后显示网易云音乐app的欢迎页面,在200ms后自动展示网易云的广告图片。
在桌面这个动态面板下,添加了state1,在state1中设置了一个隐形的热区,给这个热区设置了相对应的交互动作:首先显示桌面页面,然后再200ms后桌面逐渐隐藏,等待1000毫米后,显示的是网易云的欢迎页面:音乐的力量的图片,接着再等待1500毫秒之后,收起欢迎页面,也就是隐藏欢迎页面,显示我的音乐页面。