"Negative space" in web design

Source: Internet
Author: User
Tags compact

Learning the design process, the teacher may have told you a Web page in the space classification, if you do not know, is not the class to listen well ... Well, if you don't know, let's change the subject. Haha, amuse you to play, today we still want to say "negative space" this concept, what is it exactly? What's the role in the Web? If you want to know, look at the following article.

What is negative space?

May be some children's shoes do not know the negative space and the basic concept of space is what, today just sullenness against, let us chat ... As we all know, there are two types of space in design field, namely positive and negative space. The positive space contains all the elements in the site, such as Web content, navigation and pictures, and so on, negative space (often translated into the white area) contains all the blank areas, such as the text content surrounding the blank part, this part of the various elements to help establish a Web page pattern, guide users in the positive space browsing.

Do you understand now? We'll keep going. There are also two types in negative space, miniature negative space and giant negative space. The miniature negative space is the space around the small element, such as the gap between the paragraphs, the space between the letters and the words, and the huge negative space is the gap between the large and the core elements, such as between the header and the end of the page.

Yeedor

Friendship Hamburg

Moving things design company

Miniature negative space

First of all, you have to remember that the name is not based on the role, Micro does not represent its role in small, appropriate white will make our site has a better reading, easier to browse, and even help users to better understand the article.

What we call micro, requires in-depth understanding and maintenance, to ensure that every negative space in the site is very compact. The compact here refers to the aesthetic balance, a concept between loose and crowded. This means that you have to take advantage of the space between the title and the paragraph, especially the width between the paragraphs, to ensure that they are at a suitable distance, not profit, in addition, you should pay attention to the space between the words and letters.

It's easier said than done, design edge blank These jobs are full of "subtle art", must be careful to each individual module, each module has its own balance, where the balance, need you to dig. White too much influence the Web site's reading, too little seems cramped.

Information Highway

Digest

Makematter

Mega Negative space

With the miniature, now look at the giant negative space. Although many people think we should pay more attention to the huge negative space, we still feel that concentration is the essence. Many people like to use everything possible to meet the theme of the site to fill the title of the site, because this is the user to open the site to see the first thing. But to put it another way, if we only add a few core elements to the title, so that users can find out exactly what they want to know and not be suffocated by too many elements, why not?

As the title, this is a very simple trap, too many elements will let people forget to browse the content below, appear cumbersome and bloated, white more appropriate, the effect of the site better.

When we show all the things in the title, others will feel: you are not very attentive to the text ... With this feeling, will the user continue to look down? So, when we design the title, we have to stand in the user's point of view, to find out their minds, how to design, they feel the most appropriate.

Viva Audio

Goods

Do A backflip

Why is negative space so important?

In terms of practicality, negative space plays a decisive role, which we have emphasized many times. In a website, users should not only be comfortable browsing articles, but also can easily find what they want to see. If the site is too crowded, these two points will not be achieved. Many users like to see everything they want to see on a Web page and complain about why the site looks bloated.

This is our motivation to continuously optimize the web design, as a designer, we have to understand why navigation is so important, why the content of the display is so important, this is not a "full of support" move, nor is it a waste of screen space performance. We need to use our knowledge to give users the best experience.

However, don't be frightened by negative space, you can still set up the necessary content on the Web page, just make sure the user still has room to breathe. Now "First Edition" This kind of page form already is yesterday yellow, the scrolling webpage is kingly. Finally, you have to understand what is the most important thing in a Web page, what do you think it is? I think it's content. Content is the essence of all Web pages, if a Web page, it is doomed to be keeps things interesting foul within, even if the Web page to do Chenyuluoyan, stay a user for a while, can not stay a lifetime, this truth and we love to see beautiful handsome man is the same.

Pure Fix Cycles

Nurun

Nearly impossible

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.