How to use white in a Web page

The so-called white, sometimes also called negative space, the two are the same concept. Although the term refers in particular to "white", the area it refers to is not necessarily white. It's just a blank space in the page layout that wraps around the elements.

Such spaces are embodied in many different forms, such as pictures, charts, gaps, margins, columns, and even lines of text. Although it seems "empty", there is no other design element to occupy a place, but we should not look at it this way. As "Nothing", perhaps the opportunity to create beauty and expressiveness is lost.

With proper handling, white leaves can actually bring a lot of benefits to web design. Should not reduce the page design in the white, instead, should increase the negative space in the page. Some well-known VW brands are already moving in this direction, and more designers are following their footsteps.

Customers often ask designers to run out of space in the web as much as possible, because the space in the page is expensive and there is only a limited screen to show the information. In any case, the opposite--increasing white space--encourages designers to create more glamorous brand information in more tightly bound spaces.

In addition, you will feel that more Web site, its content than screen space more important. Therefore, the brand also appears to be more luxurious, because it sacrificed more screen space, instead of focus on content information.

Luxury brands understand this metaphor and usually use more white to achieve this exact effect. Potterybarn is a well-known high-end furniture retailer, its Web site is smart to use white, just reflect this point. White dominates the homepage, the page next to the large white, better to the visitors focus on the middle of the page in the transaction and promotional information. Even the brand name itself at the top of the page is generously used between characters to keep white.

Two major search engines Google and Yahoo Search, the interpretation of the white and effective, this simple example is more suitable.

Google understands exactly how users are searching for a topic and don't want to be distracted by noisy backgrounds and advertisements. Therefore, the white dominates the entire http://www.aliyun.com/zixun/aggregation/9464.html ">google search engine page, the actual search box only occupies a narrow and narrow space in the center of the page." Similarly, Yahoo Search also embodies the beauty of using white. Although the top of this page has a long menu bar, the idea is the same: a large number of white, so that users focus on the search, there is no other thing.

Use good to stay white, any website readability and legibility will be improved. If the text on a page is too crowded, it interferes with the comfortable reading experience and hinders the overall user experience. More white leaves make the text easier to navigate, which improves the reading experience and is easier to understand.

Information Highwayman is a personal site that grasps this principle and is a personal website of D Bnonn tennant--a copywriter and marketing specialist. He, who is good at boasting, knows what kind of Web content works for any small-scale, and thankfully, Tennant has practiced what he preaches on his own website. The word spacing, text paragraphs, and menu bar spacing of headings help ensure readability and legibility.

White can also be used between different content blocks, not just to enhance the reading experience, but also to separate the content into different parts, so that the absorption of information more focused. Andrew
Lucas ' website shows this well. He is a London designer and he has worked on his personal homepage.

Perhaps the most direct, although also the simplest benefit, is to highlight the other colors in the page, so that they are more colorful. This is helpful in attracting visitors ' attention because of the depth, saturation and even concentration of the color.

I am Dan, the designer behind it, and he uses sparse colors on the homepage to be a model for this concept. His site is simply a few pieces of red split white left. In this way, red highlights the links to his portfolio, attracts visitors to his site, and effectively highlights his site, thus increasing the chances of a visitor responding to the call.

Zurb is a web design company, their website also embodies how to highlight the color of white. It features a single solid color on the top of the home page and a colored icon for different pages (just around the dotted line). In addition to the use of very few colors, the overall design of the home page mainly to stay white.

A simple color like green, orange and red can create a pleasing and appealing look. The above mentioned two websites, all adopt the minimalist color scheme, because there is such a large area of white. Therefore, the use of color is very clever and appropriate, so that users appreciate the plus.

Web designers are increasingly abandoning previous misconceptions, thinking that when designing a page, you should be able to fill every element, every color, in the screen as much as possible. As explained above, White is used to highlight the brand content, improve readability and legibility, highlighting the minimalist color, showing a powerful influence.

As the saying goes, "Less is more", no matter what you think, it does apply to all the ideas about leaving white. In a broad sense, this minimalist approach to web design is now becoming more prevalent, and this trend is sure to continue.

Person: 10 Realities Why the original author: Marc Schenker