首頁頁面
UI Design | MP3 Player
Figma線上設計稿 ‣ ‣ ‣ https://reurl.cc/pDR8qx
將YouTube功能和專輯結合，為了依照使用者的使用習慣，每首專輯音樂在首頁看見常用的歷史紀錄，像是形成使用者專屬客製化的專輯，也依照F2E這週的需求在首頁設計幻燈片輪播，橫向滑動廣告，引導使用者成為用戶。
按鈕和圖示也依照不同使用情況，有不同的使用狀態，可以用CSS寫入Hover、Click等樣式。
專輯頁面
在製作音樂播放器的同時，找了經常使用音樂app的朋友討論他們在使用過程中會遇到的問題、以及希望能夠增加哪些功能。
每個人的共同點都是希望app能「使用成自己的樣子」，因此在介面設計首頁設計最近播放清單，在側邊的功能也增加喜歡的歌曲、藝人、曲風等等。
熱愛某首單曲的使用者，會想看到歌曲的MV或花絮，因此使用上結合了YouTube的功能連結，不過隨著今年Spotify的改版，在播放音樂的同時，也可以在播放背景看到MV，也因此想到同樣為音樂播放的工具，音樂播放設計的app不會想對外連結和其他網站合作，而是選擇自行開發這樣的功能。
功能設定頁面
使用功能的介面在不同狀態下，希望使用者清楚地了解使用狀態，所以用了彩度較低的紫色與黃色設計normal and hover的狀態，在Play and Pause的icon使用框線的設計，是因為軟體主打音樂播放，重點放在「播放」與「暫停」，因此這兩個icon的風格有別於其他功能的差異。
