vurkool.blogg.se

Instagram layout post
Instagram layout post










Then these buttons would work better as separate cell or footer view. If we wanted to maybe show it without the buttons ("Following", "Message", etc). Here this depends on how we might want to use it elsewhere. The header (" A") could be sliced even more. I have highlighted the individual parts with colors and also with letters to make it clear what I am referring to. One way to slice this screen, would be something like this: When building complex screens such as this, it is best to start by mentally "slicing" the screen into individual components. I have choosen Instagram because it is a popular, well-known app and the profile offers an opportunity to really showcase compositional layout.

instagram layout post instagram layout post instagram layout post

I am going to show how we could build screen similar to the Instagram profile detail. In this post I want to try something totally different and more practical. I have written about Compositional Layout quite a bit already, but always in an abstract way describing the individual part.












Instagram layout post