#009 - Music Player

Originally posted on Instagram on September 14th, 2018

I struggled with this one a lot and spent far too much time on it. Depending on how much time I have, it can take me anywhere from three to five hours to complete one of these. Sometimes I’ll finish one then won’t post it until the next day because there are things I want to tweak or I just didn’t have the time. It varies. But this one right here took a little over a day.

2018-09-11 - Flow - #dailyui - #02

2018-09-11 - Flow - #dailyui - #02

I kept going back and forth trying to decide whether to stick to a solid BG and have the buttons with a gradient effect, or vice versa.

2018-09-11 - Flow - #dailyui - #09. There are far too many screenshots in between this one and the next one..

2018-09-11 - Flow - #dailyui - #09. There are far too many screenshots in between this one and the next one..

2018-09-12 - Flow - #dailyui - #16

2018-09-12 - Flow - #dailyui - #16

Ended up making the Pause button on a solid black BG with a gradient colour to stand out. As we all know from the final product, it didn’t stay that way. I didn’t like how it looked once I got it in the mockup and I changed the Pause button from the gradient colour to a solid white on the black button.

Personally I think it feels a little too much like the Apple Music app layout and that’s what I was trying to get away from. It will do for now.

Lastly, I changed the shape of the album cover art from a square to a circle - works better with the circular buttons.

Final version.

Final version.