仿网易云音乐app-axure设计说明

仿网易云音乐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毫秒之后，收起欢迎页面，也就是隐藏欢迎页面，显示我的音乐页面。