user's avatar
DailyUI Day 8 - Music Player
DailyUI - Day 8 - Designing a Music Player
For this design I get inspired by Vinyl discs I use to listen when I was a boy. Bon Jovi's New Jersey and Iron Maiden's Somewhere in time where the first discs I bought.
I thought on a circular timeline so the user gets more space for moving along the song with more precision. So you are imitating at the same time an scratching action. It will be funny to add an scratching effect when you move the timeline up and down.

The background gradient looks for a classic vinyl color.
I set the volume control in the bottom to be more accesible to user's finger. I think that is the most important control to be accesible. Then over this the rest of basic controls.
Song control will be done swiping up and down inside of the central circle.
There was a common place where vinyl discs had written the song list.
Changing album is done with horizontal swipe left and right on the top part.
The position tries to simulate that the circle with the songlist comes from inside the album. Like a metaphor of a disc comming from inside the cover. 
In future iterations I would like to try an animation of that circle coming from inside of the album cover.
DailyUI Day 8 - Music Player
1
23
0
Published:

DailyUI Day 8 - Music Player

1
23
0
Published:

Tools

Attribution, Non-commercial, No DerivativesAttribution, Non-commercial, No DerivativesAttribution, Non-commercial, No Derivatives