音乐APP的设计》.docx

音乐APP的设计
1前言
一款智能设备应用程序，其界面设计元素主要包括界面的图形设计、界面中功能 图标设计、界面中的文字排版和版式布局设计以及界面的色彩搭配，因此界面设计的 合理性、功能性与美观性的统一尤其重要。
2设计背景
-
欧美排行榜
给人热情、活跃和热烈的感觉。首页将产品 使用宫格式布局清晰展现各个入口，提高用
懒惰的TOMI
户眼球。使用顶部状态栏可以在其五个按钮
斤示。
L所处的界面，让被选中按钮的颜色变为橙色
E沛纤钮日
图三排行榜界面
音乐排行榜采用列表试布局层级展示清晰明了，可使用户视线从上到下，浏览体 验快速流畅。大图试设计让用户更乐意去了解信息，上下滑动可进行翻阅如图三。
••• AT&T 令
9：12 AM
SO%
= 音乐库 Q.
推荐 排行榜 歌单 附近 电台
天王盖地虎
我们不是对手-
近界面
图五电台界面
附近可通过地理信息位置互相了解附近用户的听歌状态并可以点击用户，对该用 户进行关注等更多操作。使用列表布局，您可以清楚地看到附近的用户的状态，使用 户能够找到很多人具有相同的音乐品味，然后挖出了很多音乐，你从来没有听到和感 觉良好，如图四所示。
底部常驻模块在虾听音乐的任何界面都显示在最下方。允许用户随时使用APP,
可以轻松播放当前音乐播放暂停、播放、切换等操作。左侧显示的是当前播放音乐的 封面，其右侧是歌曲名和歌手。点击音乐封面则可进入播放界面如图五。
台界面
五
（o
歌手
听歌识曲
曲风流派
种太阳 萧敬腾 怎么说我不爱你 数鸭子
丑八怪 新不了情 你好毒 II你狠
> >|
图六搜索界面
搜索页面可以从歌手、曲风流派两个分类去搜索自己想要的音乐，同时还有听歌 识曲来帮助用户去搜索没有精确信息的歌曲。下半区域的今日热搜可引导用户去搜索
AT&T @
50XH >
9：12 AM
66
签到
会员中心
定时关闭
听歌识曲
阿阿的伊藤诚
0
电台
*面，下半部分是歌词，背景使用当前歌曲封面放大并
E部左侧按钮点击返回上一级，右侧为分享按钮，同时
登功能。左右滑动歌曲封面可进入歌曲详情和歌词界
亍快进/快退。播放到当前的歌词会以白色显现，区别
图标加文字的设计让用户能增加用户的识别性与准确 区回到上一层级如图六所示。
心界面
音效设置
传歌到手机
免流展服务
清理占用空间
服务与帮助
设置
图八个人中心界面
个人中心界面采用侧拉式弹出显示，使用黑白万能搭配色能更好与主题色相结 合。顶部显示用户头像和用户名，在用户没有登陆的情况下点击头像显示区进行登陆。 用户登陆之后才可以使用APP的社交功能，如关注和收发消息登。数字使用白色而文 字使用灰色是为了突出数字，让用户了解信息更加有重点如图八。
R I谓输入账号
£）I丽入密码
图九登录界面
登陆界面整体风格简约，背景高斯模糊做出毛玻璃效果，顶部加上log。是产品 更具有识别性，同时使整体画面更加和谐。底部有第三方登陆按钮更加方便用户的使 用，让用户登陆选择多样性如图九。
4总结
手机音乐APP经过长时间的发展，已经不再是简单的一个音乐播放器，更是用户