AXURE实现QQ音乐APP部分原型功能

什么是AXURE

AXURE是一款专业的快速原型设计工具。其设计的文件一般后缀名带有.rp。rp文件是快速原型的缩写——Rapid Prototyping。在项目的设计中，一般用来进行开始阶段的原型确定。

设计QQ音乐APP
如何学习一个软件最快速的方式就是模仿并总结思考，下面本人将通过AXURE模仿设置QQ音乐APP的功能。 素材获取

1.确定手机模型的外壳，设置其中的内部大小。当然这个也可以通过AXURE中一些基本元件的变化很容易得到。
2.从手机中进行截取QQ音乐APP的图片，通过PS进行P图，获得大部分的素材。
3.获得一些需要实现的动态图标，比如播放按钮、红心变化、音乐符号等

设置母版 母版的主要作用在于减少一些重复性的操作，比如QQ音乐中搜索框、下方中的页面切换、音乐小播放按钮转动的图片。‘

设置分界面

本项目分为五个界面和一个母版。五个界面分别根据QQ音乐中的四个切换界面和音乐播放界面仿照而成，母版是在五个界面相似的基础上建立而成。并且本项目运用了六组交互。下面将根据页面来进行说明。

音乐馆界面：

该界面运用了三个交互：

1.搜索框的使用
通过点击上方的搜索框，可以显示并弹出键盘组合，最后通过在输入框键盘输入需要搜索的歌名等信息，点击确定后，信息会自动显示在搜索框。

轮播图的转换
通过使用动态面板来切换不同的转播图，同时通过条件设置状态改变时、页面载入时、下方小按钮点击时等交互设计完成该模型。

3.界面切换和播放按钮点击旋转的转换
下方的点击切换界面和播放按钮

通过设置四种不同的组合，设置点击时设置选中、打开链接来实现不同界面的选中颜色和切换界面。最后通过点击播放按钮，设置旋转并且旋转图片设置旋转时来实现播放时持续旋转。

推荐界面：

该界面新增一个交互：
拖动时界面移动和特定条件下拖动结束时返回。

拖动事件

拖动界面总览

动态界面：

动态界面

该页面新增加一个交互。
通过设置动态面板来设置滑块的切换，设置单击时，切换到下一个状态，设置滑块移动到达的位置，切换状态。并且更换不同的板块。

播放界面：

进入播放界面

该界面新增加一个交互
通过构造全局变量play2和play来设置时间轴来进行计算播放时间的计算，并且通过点击右上方的分享界面可以进行分享。通过时间的变化设置进度条的尺寸大小，达到实现实时更新的目的。

我的

四、模型缺点
这里的缺点是指本项目中没有达到设计的目的，并且最后没能修改成功。
1.音乐馆界面中第一个轮播图总是默认选中

轮播图bug

2.动态图界面中需要单击两次才进行切换，预期是只要单击一次即可

初始界面

第一次单击

第二次单击

总结

模型总存在很多的不足，用了3天完成。希望以后可以得心应手。

AXURE实现QQ音乐APP部分原型功能相关推荐

互联网快讯：QQ音乐推出领养宠物功能；极米高性能投影产品获用户青睐；北京证券交易所正式开市
国内要闻洋河股份:董事会批准贵州贵酒公司向贵州省青少年发展基金会捐赠2000万元: 北京证券交易所正式开市,首批81家上市公司集体亮相: 3.首轮封闭近60亿元,上海科创基金二期发力S份额转让市场: ...
音乐类产品——“网易云音乐”app交互原型模板（免费使用）
网易云音乐虽是一款音乐app,但有人说它也是社交界的一股清流以及一匹黑马.音乐带给人的感染,激发着很多人在这里表达着他们的情绪和心声.网易云音乐上的真实用户点评,不仅被印在地铁的广告牌上,还在朋友圈频 ...
android 如何去控制第三方音乐播放app之控制QQ音乐
最近在做一个需求,要在桌面去控制qq音乐的播放(即,可以播放暂停,上一曲,下一曲显示歌名和歌手名).接下来一一说下完成这个需求的心路历程. 1.在网上查腾讯有没有针对qq音乐提供SDK接口,结果发现, ...
音乐翻唱软件测试初学者,音乐APP听歌识曲大评测，QQ音乐独家“翻唱识别”领跑...
原标题:音乐APP听歌识曲大评测,QQ音乐独家"翻唱识别"领跑不知道大家有没有遇到这样一种情况,看综艺时,突然听到一首很好听的歌曲,但是就是不知道歌名,在心里急得呀. 每每遇到这 ...
虾米音乐关停，QQ音乐、网易云上线虾米歌单迁移功能
宋九九消息,阿里旗下平台虾米音乐发布公告称将关停虾米音乐,这个陪伴了我们12年的音乐平台就要走了,最后请在关停之前做好数据备份或导出.编辑宋九九虾米音乐公告称: 将于2021年1月5日10点之前停止 ...
【兴趣】QQ音乐VS网易云音乐竞品分析
手机音乐已经成为人们生活中不可或缺的一部分,成为人民大众喜闻乐见的娱乐方式,本文针对移动音乐APP做一个竞品分析,主要分析小编经常用的两款产品:QQ音乐.网易云音乐. 分析框架如下: 分析目的:从用户 ...
QQ音乐远程控制，旧iPhone连音响当播放器，另一个手机远程控制
2017/2/7日更新,适配新版qq音乐接口.修复主控端不显示封面图片. 有套惠威的低音炮,音质不错,经常将退役的iPhone 4s连上听歌. 由于音响不是蓝牙的,所以就萌生了旧手机耳机孔直连音响做播 ...
html 登录失败,qq音乐登录失败 QQ音乐总是显示登录失败是怎么回事
urlproc.exe是什么进程?没见过,请前辈们指点? 造成QQ音乐登录不上现象的原因有如下三种可能: 一.木马病毒对QQ音乐的必要组件或文件进行破坏,导致QQ音乐登录失败,登陆不上的情况发生. 二 ...
qq音乐网络异常获取音乐失败_QQ音乐怎么诊断网络异常
QQ音乐软件给大家提供了海量的歌曲音乐,而且播放流畅不卡顿,音质也非常的好.想必还有不少朋友都不清楚QQ音乐怎么诊断网络异常,接下去就由兔叽下载站小编告诉大家解决辨别网络异常方法介绍吧,有需要解决这个 ...

AXURE实现QQ音乐APP部分原型功能

AXURE实现QQ音乐APP部分原型功能相关推荐

最新文章

热门文章