Refine and animated Album/Artist/playlist header art work

Feature description:

I think some adjustments to the header artwork would really look nice. There are 2 things I would see as a visual benefit to the app.

  1. Create a image size scroll effect of the header art. So scrolling down makes the artowrk go smaller and vice versa. Some similar motion is already happening with the filter/cast buttons on these pages, or look at spotify for the animation I meant.

  2. The padding in the header could be reduced even more. There is about 1/8 of the screen (I didn’t measure :grinning_face:) of wasted space and it could look beeter in my opinion.

Problem solved:

Solves no problem but just polishing the edges.

Brought benefits:

Looks and the animation makes the app more lively.

Other application solutions:

 

 

Additional description and context:

 
See screenshots for more context.

Edit: Screenshot uploading not working. Will post and try to edit.

Spotify screenshots show the standard view vs the view after scrolling downwards.
 

Screenshots / Mockup:



1 Like

you can reduce the size of the space by making the header smaller, you also can hide the banner and keep the image, i doubt about the scrollable size thing tho.

If you want less space on the edges, you can make the header large and make the header background the album art.

This doesnt quite work as some of the image will be behind the opaque background. Some album artwork contain text here and it cannot be seen properly with this approach.

Same as above.

Imo. Having the artwork centered with minimal header still looks best but also more importantly actually works for all artwork.

This is the best look I can get. Even still I would say the empty header is too big.

Vs

What if you tried putting title and artist “below (center)” instead of above?

1 Like

Thanks for the hint and yes this does indeed not cover the album. Looking much better.

I maybe dumb but where do you dl these bbc radio essentials stuff ? I would love to check these out … Thanks !!