From using white space in headers footers between menus between images and information texts and sidebars here you will see great examples of whites space usage in web design. Without white space design brilliant artwork goes unnoticed all elements are smothered and graphic design drowns in a puddle of.
Areas that contain content are called positive space while areas that contain no content are called negative space.
White space design principle example. Apple is a good example of how white space can be used to increase the perceived value of a product. Remember that white space doesn t need to be white it may be any color as long as it is empty. A cluttered ui is the web equivalent of white noise.
Books and magazines are a great example of the importance of white space. The white space around a logo for example is carefully considered to ensure that the integrity of its design isn t compromised at a small scale. White space isn t literally an empty space it s a powerful design tool.
The application of white space is both art and science. The space between ui elements can be used to indicate a relationship or distinction depending on how much is applied. It s simply the space in a design and it can have any color texture or pattern.
In graphic design white space refers to the space that surrounds the elements. The margin the blank area between the text and the edge of the page makes reading dense copy much easier. There are two types of white space the undefined white space which is what you get when you open a new document and active white space which occurs when an object is place in undefined white space.
What is white space. You ll also notice that canva s blog has a large margin area and the body text only consumes approximately half the screen. Obviously we refer to it as white space but it does not have to be white it can be any other solid colour gradient or pattern.
A big shock for all the people who believe that white space is wasted space. Maintaining an optimum level of white space in the design composition and creating a balance will only come by experience and practice. White space is a very important design element just as all the.
It doesn t have to be white. In web design we refer to it as white space. White space is always occurring in a design from the moment you open up a blank document the design has begun with white space.
You may find the term negative space here and there indicating the exact same thing. White space less commonly known as negative space is crucial to a website s ui layout. White space refers to the areas in your design that do not contain content including the larger spaces between design elements and the tiny spaces between letters.
However this space is neither white nor negative.