profile

Content + Design

White Space Creates a Functional Design

Published about 1 year ago • 2 min read

White space, also referred to as negative space, is an important design concept. Negative space is the absence of active design elements that demand nothing from the user. The term refers to the amount of space, or padding, around visuals, tables, forms, headlines and content on a webpage or on paper (and it does not have to be white). It is more of an intuitive design choice than a hard rule, and every designer applies it differently.

There is no standard for how much white space you should apply around the elements in your layout. The challenge is applying too little or too much white space. Too much white/negative space makes your content elements appear distant, separated and hard to scan. Too little makes your content difficult to read. A well-balanced amount of negative space, however, has the power to declutter your design and give it an instant professional, elegant feel without superfluous distractions.

But white space is more than just a design element. Negative space helps your readers digest your content better. Good use of white space between paragraphs, headlines, subheads and in the page's left and right margins increases reading comprehension by almost 20%. Readers find it easier to focus on, scan and process generously spaced content, even if that means they must scroll more.

The layout on a web page may not immediately influence your site's performance but does influence user satisfaction and experience. And if your readers enjoy visiting your site, they will return.


Four simple steps to help ensure you use the right amount of white space:

  • use negative space to separate content elements with a focus on visual hierarchy, content flow and structure
  • leave related elements closer together (reduce the negative space) to make their connection/proximity apparent
  • use a consistent amount of white space around images and visuals
  • leave ample white space around calls-to-action or submit buttons and in form fields (mobile users will navigate and use your website with their fingers on smaller screens)


Creating the right amount of white space on a website is part of user experience (UX) and user interface (UI) design. There will be more on basic UX/UI design in an upcoming newsletter, with best practices and how to avoid rookie mistakes.

With that in mind, that's all for today.


Tekla Szymanski
Content+Design™
New York・Berlin


Client feedback: "Tekla is a strong communicator who truly understands new media and blends the best attributes of print journalism with an in-depth understanding of web design, technology and usability. Her command of several languages offers a unique perspective on communicating succinctly in the new age of brief messages. Her professionalism is impeccable."

Questions?

You can update your name and email address (or unsubscribe) by using the links below. I will never share your data with others and value your privacy. Please consider adding editor@tekla-szymanski.com to your address book to avoid emails getting lost in your spam folder or your promotions tab. And be sure to move my emails into your primary inbox, so they go to the right place for you. Thank you.

Content + Design

Tekla Szymanski

Without quality content, you don't have a website. Become a better sentient writer (and designer) in the digital world. Because every word counts.

Read more from Content + Design

Hi Reader, Reader, as a subscriber, you know my pledge is never to promote my services or market myself through my newsletter. I aim to land in your inbox every other Wednesday with valuable, actionable information about content + design topics of interest to anyone who wants to improve on or plans to create a content-rich website. This email is different. I’d like to share with you a new service that I offer, for a flat rate fee, to anyone reluctant to start a larger project, who has budget...

3 months ago • 1 min read

Have you ever been unsure how to present your content, or overwhelmed by the entire writing and publishing process? Yes, writing is hard. Yet it is structured and follows certain rules. That helps. But there's more to it if you want to create content that stands out. You also need to remember the 4 Cs that every piece of published writing relies on. Following these steps meticulously helps ensure you're more than just good at your craft as a writer and can present your stories effectively and...

about 1 year ago • 1 min read

Reading and understanding are complex neurological concepts. We want to “get into our readers' minds” to give them what they need when they need it in an understandable and valuable way. We want to motivate them to appreciate and consciously act upon our writing. Neuro writing helps do that. It is a neurocognitive tactic that uses persuasive, engaging, honest, straightforward, easy-to-grasp, yet stimulating language. Here are a few concepts in neuro writing to help trigger your readers’...

about 1 year ago • 2 min read
Share this post