Click me

The Importance of Whitespace in Web Design

THE IMPORTANCE OF WHITESPACE IN WEB DESIGN Colorful Whitespace What isWhitespace┬» Exactly? Whitespace, also known as negative space, is the padding around design elements that are intentionally left blank in a design layout. Below are some of the reasons why whitespace is so important. Engages and Guides Users on a Page ... With only 1/10 of a second to create a visually appealing scene for new users on your site, whitespace use is critical. Padding around graphic and textual elements should be implemented in such a way that it bring forward the important elements. With graphics, whitespace allows designers to communicate which features of the page should stand out as important elements on the page. At the same time this creates a welcoming layout, inviting the user to settle in and stay a while. Highlights Calls To Action Space gives CTAS (calls to action) room to breathe, Lorem Ipsum Dolor Sit Amet allowing the user's eye the freedom to be guided towards the CTA element. This can be done by Tell Me More framing the CTA with whitespace, drawing it out and increasing the chance for a conversion to occur. Creates Ease of Use and Readability Lorem ipsum d consectetuer a sed diam ponu euismod tincid dolore magna volutpat. Ut wi minim veniam, exerci tation ull suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum Users on average only read 28% of words on a consectetuer sed diam no given page per visit. So, on top of having concise euismod ony and engaging content, your website should also be dolore magg volutpat. Ut wisi enim ad mini displayed in an attractive manor. Whitespace, when veniam,suscipit lobortis nisl ut Duis autem vel eum iriure dolor in hendreritin vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at veroeros et accumsan et iusto odio dignissim qui blanditent.issim qui blandit praesent. mcorper Duis autem vel eum iriure dolor in hendreritin vulputate velit esse molestie consequat, aliquip ex ea commodo cuat. used correctly with typography, can increase the Duis autem vel eum iriure overall legibility and scalability of content. Adding dolor in hendrerit invulputate space between the lines of content creates text that velit esse molestie consequat, vel illum dolore eu feugiat. is easier to digest and more pleasing to the eye. Provides Trust Through a Visually Appealing Design The less is more concept has been adopted by many luxury brands to convey their image of sophistication and trustworthiness. Overall good web design suggests reliability. This can be accomplished through layouts with good color schemes, whitespace, strong imagery, etc. Cluttered websites not only create cognitive load for the user, they also convey negative messaging of being cheap and untrustworthy. Cluttered sites also lead visitors to confusion and frustration as they try to navigate through the site. This is why it's important to decrease the clutter and focus on the space in-between the important design elements. Whitespace Design is made up of an arrangement of both shapes and space - making them both equally important in the process is key to creating a great layout. Don't let whitespace be an afterthought and use it as an essential design element. HALL Designed by Hall Internet Marketing ┬ę 2014 Semetko, H. & Scammell, M. (2012). The SAGE Handbook of Political Communication, SAGE Publications. INTERNET MARKETING Lester, P. M. (2006). Syntactic Theory of Visual Communication.

The Importance of Whitespace in Web Design

shared by hallme on Jun 23
1 comment
This infographic discusses what whitespace is and it's important role in web design.


Did you work on this visual? Claim credit!

Get a Quote

Embed Code

For hosted site:

Click the code to copy


Click the code to copy
Customize size