Being Aware of White Space

Contact Us or call 1-877-932-8228
Being Aware of White Space

Being Aware of White Space

Use Empty Space to Fill the Page

Having a good sense of white space (empty space void of content, not necessarily tied to a color) is helpful when analyzing the text layout of a project.

There are a few traditional layouts that have stood the test of time and are still relevant today. There are many layout philosophies available; here are just a few.

  • Z Layout: top-left to top-right, then horizontal to the bottom-left to bottom-right (the eye follows the shape of a Z).Z Layout
  • F Layout: left to right progressing down the page and the eye tends to not travel as far right as it moves down the page.F Layout

Static vs. Dynamic Layouts

Static layouts are great for the print world where the designer is in control of exact placement of all objects down to the point. In the bulk of our onscreen experiences, however, we do not have complete control. Dynamic layouts are flexible and grow and shrink with the amount of data that is pulled into the layout. Dynamic layouts are the perfect option when we are faced with variables such a screen size, resolution, data-driven content, and accessibility adjustments.

Dynamic layouts can be a challenge to create, not only because of all of the variables, but also because we are incorporating code-driven technologies that will vary based on user preferences, software/hardware versions and design skills of the programmer. Although challenging to generate, they are well worth the trouble as they bring versatility to the site in which they reside.