This concept is based on the idea that a visitor will be attracted to whatever catches their attention. Font sizes range from very large to miniscule in comparison to other blocks of text on the page.Įlement sizes coupled with negative space can give the illusion of importance. Their homepage recently underwent some changes but it still looks absolutely phenomenal. These are much more noticeable because of the negative space and bright colors emanating from each graphic.Īnd of course everyone should know about the famed Tuts+ Network. Just below these paragraphs are a series of logos with links out to pages discussing his website. The paragraph text is relatively condensed and while it’s still readable, it feels more like background info. There’s plenty of space before & after the header so nothing else in that area can become a distraction.Īlso notice some of the text and graphical elements on his “about” page. The big heading text stands out immediately because of the size and distance between other elements. Take a quick peek at the portfolio of Michael Wong which also breaks up content into horizontal sections. But the point is that having more space between an element forces it to stand out against the overall composition. Of course you don’t want to decrease visibility so much that elements are crammed together. Negative space can be used to increase or decrease visibility of certain elements on the page. These elements all have different levels of importance based on their size and relationship to each other. Think of different areas in a typical website from the logo, navigation, headers & image slideshows. Perhaps the greatest purpose of composition-related negative space is to distinguish between tiered page elements. But as a designer you’ll need to train your eye to see the perfect values for certain font sizes and layout components because these properties will change with each new project. It certainly is a double-edged sword where too much or too little causes havoc. Keep negative space by your side as a classic design technique and remember that it really does want to help. When in doubt try various alternatives to see what fits best. This means having a bit more space in blocks of text may look better than having not enough space. So as a beginner you’ll need to find a balance.īut from a general perspective it can be better to overshoot than undershoot negative space. The tricky part is that too much negative space can also be a problem. Page text especially needs a good amount of space or else content becomes almost unreadable. Empty Space is Not FruitlessĪn important place to start is that negative space is not a bad thing! Some designers think that it’s necessary to fill up most of the white space on a page in order to add more features, more images, or make the page smaller.Īll this does is cramp everything together so it looks more confusing and difficult to read. In the beginning it can be a tricky subject but once it “clicks” you’ll never forget how to use negative space in a positive light. In this post I’ll cover some different methods for how to incorporate negative space in your own design work. Web design uses negative space to create distance between elements and allow the page to breathe. Negative space is a key component to any great visual composition. The use of white space can be difficult to explain but it’s much more obvious via example. One such principle is negative space, also known as white space. There are many fundamental principles of art & design which are crucial for every web designer to understand.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |