The relationship between Web page core content and Web page color scheme and Web page layout

Article Description: The impact of the core content of the Web page on visual performance.

"The optimization and refinement of information is always the first step in design." "This is Baidu Alliance user Experience Center banner on a word." In their own web design process, more and more of such a generalization has a personal experience and ideas. Of course, this refined sentence actually contains a lot of content, I personally think, including at least four aspects: first, from the site's entire appeal, the Web page need to put what information to better realize the demands of the site? What information needs to be retained? And what information needs to be placed on other pages or even simply discarded? Second, to have been determined to place the information on the page, how to better write text, select pictures to achieve functional and visual beauty of the perfect unity? What is the importance of distinguishing information and what is important and what needs to be emphasized? And what are some of the lesser information? Four, the district divides the information the primary and secondary, in the layout, the color, the size, namely in the visual how better outstanding and the performance?

Almost every part of these four sections has a topic to discuss, so in this article I only on the fourth aspect, that is, the Web page on the core content and visual performance of the relationship to comb and summarize their understanding of this aspect, as far as possible, I think of the content to write out, At the same time, give some specific cases to illustrate my point of view, to facilitate better understanding.

One, the core content for the page layout influence

The image below is a company that provides WordPress website construction, and it can be seen from top to bottom on its home page: navigation, logos, slogans, artwork display, reasons to choose us, contact form, log list, email subscription, Twitter information, and copyright information. The first sight is undoubtedly the company's slogan and work display, which is the core content on the homepage of this website. Because as a website construction company, intuitively let the customer know what you are doing? How are you doing? It should be what the customer wants to know. So what do you think about the core content, visually?

We can see, in the slogan of the designer to "WordPress" The word used a very large text size, and color and other text, using a darker gray, stressed that the company is to build a special site to WordPress for the backstage. At the bottom of the slogan, the artwork shows a large size, width reached 540 pixels, and the entire design width of 1000 pixels, on the home page such a large size of the display can be very clear and direct to the customer to see the original works, so that the company's production level has an intuitive impression. And such a large size of the work show has actually vaguely determines the layout of the entire site. Think about it, in the upper left area of the screen with a width of 540 pixels, high 460 pixels of the rectangle, the next area should be placed what information, in fact, like a building block, according to the importance of each place on the line. Of course, this is not the only way to layout, but whatever the layout, our ideas should be in the context of functional considerations. So creative we can have, but to understand and unconstrained the pure creativity of the difference.

If the layout of the page above is still comfortable, the layout of the following hotel's homepage may make us feel something new. Can see that the background of this design with a large food picture, navigation and the main content area only accounted for the entire page height of one-third, so that the background picture large area of the display, and the above design, the purpose of this layout is not simply to be unconventional or for the sake of visual beauty, But the hotel's characteristics may be catering, so in order to highlight the core content, in the layout of the corresponding consideration. The following restaurant also highlights delicious food in the main visual section, but the two have a completely different layout, and although each has unique information architecture considerations, it may be useful to view them as the same core content in both different creative ways.

[1] [2] Next page