最近，本人在自學(xué)axure，并花了一周多的時間利用AXURE軟件獨(dú)自完成了網(wǎng)易云音樂app的部分交互效果設(shè)計，可以直接拉到底部點(diǎn)擊原型網(wǎng)址查看app交互效果?，F(xiàn)階段能做出的效果如下：
一、登錄頁設(shè)計實(shí)現(xiàn)效果
1、啟動畫面展示后進(jìn)入登錄頁面；
2、點(diǎn)擊QQ登錄圖標(biāo)可以快捷進(jìn)入到主界面；
3、手機(jī)號登錄驗(yàn)證，輸入手機(jī)號：12345678901，密碼：123456，可以進(jìn)入到主界面，否則無法進(jìn)入，彈出相應(yīng)消息框；
4、小圖標(biāo)和矩形，懸停、鼠標(biāo)點(diǎn)擊等交互效果。
二、音樂頁設(shè)計實(shí)現(xiàn)效果
1、左側(cè)菜單效果。點(diǎn)擊左側(cè)菜單欄彈出 ”設(shè)置菜單欄“頁，設(shè)置頁內(nèi)容可以鼠標(biāo)單擊上下拖動；并可以實(shí)現(xiàn)左側(cè)菜單欄左右拖動效果，拖動距離不到一半，自動返回原位置。
2、可鼠標(biāo)單擊頂部音樂、推薦、視頻和搜索等圖標(biāo)跳轉(zhuǎn)到相應(yīng)頁面，點(diǎn)擊底部音樂播放區(qū)域，可跳轉(zhuǎn)到音樂播放頁面。
3、點(diǎn)擊“創(chuàng)建的歌單”和”收藏的歌單“區(qū)域的右箭頭，可以實(shí)現(xiàn)展開收起效果。
4、鼠標(biāo)單擊內(nèi)容區(qū)域可以上下拖動顯示內(nèi)容。
三、發(fā)現(xiàn)頁設(shè)計實(shí)現(xiàn)效果
1、點(diǎn)擊“推薦”等菜單項(xiàng)，可以移動下方白色線條，下方區(qū)域自動切換到對應(yīng)的內(nèi)容頁面。
2、圖片輪播功能。左右拖動可以循環(huán)切換圖片，相應(yīng)的小圓點(diǎn)自動移動，并且圖片可以自動循環(huán)輪播。
3、可鼠標(biāo)單擊頂部音樂、推薦、視頻和搜索等圖標(biāo)跳轉(zhuǎn)到相應(yīng)頁面，點(diǎn)擊底部音樂播放區(qū)域，可跳轉(zhuǎn)到音樂播放頁面。
4、鼠標(biāo)單擊內(nèi)容區(qū)域可以上下拖動顯示內(nèi)容。
四、視頻頁設(shè)計實(shí)現(xiàn)效果
1、推薦區(qū)域菜單欄。鼠標(biāo)可以在規(guī)定區(qū)域內(nèi)拖動推薦區(qū)域菜單欄，單擊菜單項(xiàng)時候，實(shí)現(xiàn)菜單項(xiàng)下方線條的移動，菜單欄的水平移動，以及下方內(nèi)容區(qū)域會自動切換到對應(yīng)的內(nèi)容。
1、左側(cè)菜單效果。點(diǎn)擊左側(cè)菜單欄彈出 ”設(shè)置菜單欄“頁，設(shè)置頁內(nèi)容可以鼠標(biāo)單擊上下拖動；并可以實(shí)現(xiàn)左側(cè)菜單欄左右拖動效果，拖動距離不到一半，自動返回原位置。
2、可鼠標(biāo)單擊頂部音樂、推薦、視頻和搜索等圖標(biāo)跳轉(zhuǎn)到相應(yīng)頁面，點(diǎn)擊底部音樂播放區(qū)域，可跳轉(zhuǎn)到音樂播放頁面。
3、鼠標(biāo)單擊內(nèi)容區(qū)域可以上下拖動顯示內(nèi)容。
4、鼠標(biāo)單擊點(diǎn)贊圖標(biāo)，可以實(shí)現(xiàn)點(diǎn)贊數(shù)+1和-1效果。
五、搜索頁設(shè)計實(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)頁面。
5、點(diǎn)擊底部音樂播放區(qū)域，跳轉(zhuǎn)到音樂播放界面。
六、音樂播放頁設(shè)計實(shí)現(xiàn)效果
1、點(diǎn)擊播放按鈕，可以實(shí)現(xiàn)唱片轉(zhuǎn)動，音樂計時效果，時間進(jìn)度自動移動，播放到05：08，自動暫停播放，停止唱片轉(zhuǎn)動。點(diǎn)擊暫停，唱片停止轉(zhuǎn)動，音樂計時停止，進(jìn)度條停止。
2、可以自由拖動進(jìn)度條小圓點(diǎn)，并且實(shí)時顯示對應(yīng)的具體時間和進(jìn)度條長度。
3、單擊“愛心”圖標(biāo)，顯示選中取消效果
4、點(diǎn)擊頂部左箭頭返回到音樂頁面。
網(wǎng)易云音樂appAXURE原型預(yù)覽網(wǎng)址：?https://q1lpd2.axshare.com 。
最后，歡迎批評指導(dǎo)~~~~~
