最近企量，本人在自學(xué)axure，并花了一周多的時(shí)間利用AXURE軟件獨(dú)自完成了網(wǎng)易云音樂app的部分交互效果設(shè)計(jì)搂橙，可以直接拉到底部點(diǎn)擊原型網(wǎng)址查看app交互效果〉┳埃現(xiàn)階段能做出的效果如下：

一、登錄頁(yè)設(shè)計(jì)實(shí)現(xiàn)效果

1蓄氧、啟動(dòng)畫面展示后進(jìn)入登錄頁(yè)面函似；

2、點(diǎn)擊QQ登錄圖標(biāo)可以快捷進(jìn)入到主界面喉童；

3撇寞、手機(jī)號(hào)登錄驗(yàn)證，輸入手機(jī)號(hào)：12345678901，密碼：123456蔑担，可以進(jìn)入到主界面牌废，否則無法進(jìn)入，彈出相應(yīng)消息框啤握；

4鸟缕、小圖標(biāo)和矩形，懸停排抬、鼠標(biāo)點(diǎn)擊等交互效果懂从。

二、音樂頁(yè)設(shè)計(jì)實(shí)現(xiàn)效果

1蹲蒲、左側(cè)菜單效果番甩。點(diǎn)擊左側(cè)菜單欄彈出 ”設(shè)置菜單欄“頁(yè)，設(shè)置頁(yè)內(nèi)容可以鼠標(biāo)單擊上下拖動(dòng)悠鞍；并可以實(shí)現(xiàn)左側(cè)菜單欄左右拖動(dòng)效果对室，拖動(dòng)距離不到一半，自動(dòng)返回原位置咖祭。

2掩宜、可鼠標(biāo)單擊頂部音樂、推薦么翰、視頻和搜索等圖標(biāo)跳轉(zhuǎn)到相應(yīng)頁(yè)面牺汤，點(diǎn)擊底部音樂播放區(qū)域，可跳轉(zhuǎn)到音樂播放頁(yè)面浩嫌。

3檐迟、點(diǎn)擊“創(chuàng)建的歌單”和”收藏的歌單“區(qū)域的右箭頭，可以實(shí)現(xiàn)展開收起效果码耐。

4追迟、鼠標(biāo)單擊內(nèi)容區(qū)域可以上下拖動(dòng)顯示內(nèi)容。

三骚腥、發(fā)現(xiàn)頁(yè)設(shè)計(jì)實(shí)現(xiàn)效果

1敦间、點(diǎn)擊“推薦”等菜單項(xiàng)，可以移動(dòng)下方白色線條束铭，下方區(qū)域自動(dòng)切換到對(duì)應(yīng)的內(nèi)容頁(yè)面廓块。

2、圖片輪播功能契沫。左右拖動(dòng)可以循環(huán)切換圖片带猴，相應(yīng)的小圓點(diǎn)自動(dòng)移動(dòng)，并且圖片可以自動(dòng)循環(huán)輪播懈万。

3拴清、可鼠標(biāo)單擊頂部音樂靶病、推薦、視頻和搜索等圖標(biāo)跳轉(zhuǎn)到相應(yīng)頁(yè)面贷掖，點(diǎn)擊底部音樂播放區(qū)域嫡秕，可跳轉(zhuǎn)到音樂播放頁(yè)面渴语。

4苹威、鼠標(biāo)單擊內(nèi)容區(qū)域可以上下拖動(dòng)顯示內(nèi)容。

四驾凶、視頻頁(yè)設(shè)計(jì)實(shí)現(xiàn)效果

1牙甫、推薦區(qū)域菜單欄。鼠標(biāo)可以在規(guī)定區(qū)域內(nèi)拖動(dòng)推薦區(qū)域菜單欄调违，單擊菜單項(xiàng)時(shí)候窟哺，實(shí)現(xiàn)菜單項(xiàng)下方線條的移動(dòng)，菜單欄的水平移動(dòng)技肩，以及下方內(nèi)容區(qū)域會(huì)自動(dòng)切換到對(duì)應(yīng)的內(nèi)容且轨。

1、左側(cè)菜單效果虚婿。點(diǎn)擊左側(cè)菜單欄彈出 ”設(shè)置菜單欄“頁(yè)旋奢，設(shè)置頁(yè)內(nèi)容可以鼠標(biāo)單擊上下拖動(dòng)；并可以實(shí)現(xiàn)左側(cè)菜單欄左右拖動(dòng)效果然痊，拖動(dòng)距離不到一半至朗，自動(dòng)返回原位置。

2剧浸、可鼠標(biāo)單擊頂部音樂锹引、推薦、視頻和搜索等圖標(biāo)跳轉(zhuǎn)到相應(yīng)頁(yè)面唆香，點(diǎn)擊底部音樂播放區(qū)域嫌变，可跳轉(zhuǎn)到音樂播放頁(yè)面。

3躬它、鼠標(biāo)單擊內(nèi)容區(qū)域可以上下拖動(dòng)顯示內(nèi)容腾啥。

4、鼠標(biāo)單擊點(diǎn)贊圖標(biāo)虑凛，可以實(shí)現(xiàn)點(diǎn)贊數(shù)+1和-1效果碑宴。

五、搜索頁(yè)設(shè)計(jì)實(shí)現(xiàn)效果

1桑谍、搜索框輸入右側(cè)圖片music欄的內(nèi)容延柠，可以顯示篩選結(jié)果。

2锣披、點(diǎn)擊熱門搜索下面的矩形框可以實(shí)現(xiàn)將矩形內(nèi)容填入到搜索框贞间。

3贿条、在歷史搜索顯示區(qū)域，單擊刪除圖標(biāo)增热，實(shí)現(xiàn)歷史記錄刪除效果整以。

4、單擊“歌手分類”框可以跳轉(zhuǎn)到相應(yīng)頁(yè)面峻仇。

5公黑、點(diǎn)擊底部音樂播放區(qū)域，跳轉(zhuǎn)到音樂播放界面摄咆。

六凡蚜、音樂播放頁(yè)設(shè)計(jì)實(shí)現(xiàn)效果

1、點(diǎn)擊播放按鈕吭从，可以實(shí)現(xiàn)唱片轉(zhuǎn)動(dòng)朝蜘，音樂計(jì)時(shí)效果，時(shí)間進(jìn)度自動(dòng)移動(dòng)涩金，播放到05：08谱醇，自動(dòng)暫停播放，停止唱片轉(zhuǎn)動(dòng)步做。點(diǎn)擊暫停副渴，唱片停止轉(zhuǎn)動(dòng)，音樂計(jì)時(shí)停止辆床，進(jìn)度條停止佳晶。

2、可以自由拖動(dòng)進(jìn)度條小圓點(diǎn)讼载，并且實(shí)時(shí)顯示對(duì)應(yīng)的具體時(shí)間和進(jìn)度條長(zhǎng)度轿秧。

3、單擊“愛心”圖標(biāo)咨堤，顯示選中取消效果

4菇篡、點(diǎn)擊頂部左箭頭返回到音樂頁(yè)面。

網(wǎng)易云音樂appAXURE原型預(yù)覽網(wǎng)址：?https://q1lpd2.axshare.com 一喘。

最后驱还，歡迎批評(píng)指導(dǎo)~~~~~