Pragya Joshi's profile

Android Material Design for Music Player

 
The first screen is the thumbnail of the song playing. When you tap on the album art, the play and the next and previous song buttons appear along with the seek bar slider.
1) The second screen shows what happens when you click on the album art, the pause and the seek bar slider appears. 

2)  The background image is the blurred image of the album art.

3)  The icon colours will be complmentory to the image in the background using the colour picker. For example, if the image is
a light image, the icons will be darker. But the selected icons will be red keeping the app branding in mind.

4)  In the bottom is the slidable playlist. By default, it shows the next two songs in the playlist, but to view the full playlist, you have to slide up or click on the view full playlist icon on the right side.
This is the full playlist, you can see the song playing has an icon instead of the numbering. This is inspired from the chrome web browser. The overflow icon in front of each song is for deleting the song or any other function necesarry.
The comments section comes up if you tap the comments icon 
(See the first screen)
Android Material Design for Music Player
Published:

Android Material Design for Music Player

User Interface Design for a music Player

Published: