• Sep 15, 2018
  • |
  • 50
  • |
  • 5

Plan your vertical space

When you’re designing the vertical space between sections of your website, consider the screen size you’re designing for. Ideally, the vertical space should be flexible and responsive to the window height (try % spacing or viewport-percentage lengths).

If you want users to focus on something and take action, you may want to leave more space around it so there are no distractions visible in the area of their peripheral vision.

If you want users to scroll and explore the page, you can reduce the space between the sections or show a part of the next section at the bottom of the screen.

For example, when you design the home page, you can leave a part of the next section right above the fold to avoid the “illusion of completeness” – your visitors can’t help but scroll down to see what’s next.