villatutor.blogg.se - Positive and negative space in typography

Here are some logos that uses negative space effectively.

See the negative space between the E and x that looks like an arrow ? Nothing can beat a logo with a clever mix of design and negative space, you include 2 or more objects in only 1 logo. If that happens they might not see what they are looking for in the website making them close their browser tab or go to another website. That is how negative space works, it should help viewers focus on the objects that they should see instead of making their eyes look all over the place. You find it difficult to focus on “the box” since you can’t look at the square and the text at the same time because the object is too large and it occupies the page completely. You can focus on “the box” easily on this image because the object is not occupying the whole page. Here are two images that I also made, one with much negative space and the other not so much. You can easily spot the inconsistencies in the spacing of objects, it might create distractions to viewers. This is just an example of how negative space can destroy a web layout. The navigation boxes aren’t aligned on anything below, the part where you put your page title or logo is a little large and occupies the upper left of the page, the main content occupies the left to the center portion of the page and the latest news part might be distracting for the scrollbar. Now here is the not-so-negative-spaced design, although a bit exaggerated. The spacing between the objects is consistent, producing a good design. See the consistency of the spacing? You can see the objects neatly and can focus on them with ease. The rectangle on the right is where your latest news are.

The rectangle on the left is where your main content are.

The three boxes are your navigation buttons.

The upper left black box is where you put your page title or logo.

I simplified it to black and white so that we can easily spot negative space. It’s a typical webpage template that has a navigation bar/buttons, logo, content area, and Latest News part. Here are two images that I made to demonstrate how negative space can affect web page layouts. For navigation I would suggest just to use small icons with little but noticeable text just to make it sleek, simple.and don’t forget to use nice spacing. Negative space should be used to balance or align objects in a design to make it more appealing to the viewers.įilling your navigation with big fat buttons might be a good idea but just because there is a space that could be filled doesn’t mean you should place something in it. It keeps the viewer’s eyes focused on the objects. You don’t make a webpage layout with images that overlaps with another image right? That is how negative space is used. This also includes negative space – the spacing of objects from one another. Negative Space in Web Designĭesigning a webpage layout includes objects, text and images in an attractive manner.

This is how you spot negative space, with only 1 object but can be interpreted as two or more different things. It’s a chalicebut with the white space you see the faces of two people facing each other. Here’s an example of an optical illusion that uses white space. Considering Negative space in Making logos.It can be in any color, it just doesn’t have any content.Įven if your website has great content but will have a poorly designed layout, it just won’t work – you will fail to create an effective website, I think good layout design and native navigation through it is even more important than content! Although they are called white space, it doesn’t have to be white. White space are those spaces without content.