Replicating Spotify's Now Playing UI using Auto Layout - Part 1 / 2

In this post, we will breakdown and analyze the Now Playing screen of Spotify app, and try to replicate it using Auto Layout. This post assume you have some experience working with Auto Layout. The playback button icons used in this post are from Font Awesome, you can use fa2png.

Replicating Spotify's Now Playing UI using Auto Layout - Part 1 / 2

Third Annual iOS Music Player Showcase

Replicating Spotify's Now Playing UI using Auto Layout - Part 1 / 2

How I built a miniature, year-round available version of Spotify

Spotify testing new design for 'Now Playing' interface and 'Car View

Concept UI Design of a Music Player App - What do you think about

How to programmatically build a Spotify clone for iOS with AutoLayout

Spotify UI redesign • case study. How I re-designed spotify

Uncovering How the Spotify Algorithm Works

Making Sense of Auto Layout + Case Studies

Spotify testing new design for 'Now Playing' interface and 'Car View