The simplest way to verify your design, Keyline Pushing

How does it work

Importance of the grid

  1. Columns: the content of the screen shall start, at least, at the beginning of the first column and end at most at the end of the last column. To define how many columns we will have in our design we must select a base device. We will use percentages, rather than fixed values for columns’ width to be able to have a scalable design.
  2. Gutters: a gutter is a space between 2 columns. It helps to separate content. Usually, the dimension is chosen as multiple of 4 and it starts on 16dp.
  3. Margins: it can be identified as space from the left and the right of the screen. In that area we have no content, we have no elements. Usually, the dimension is chosen as multiple of 4 and it starts on 16dp.
more details

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store