A few steps to make your site beautiful bright blind: Layout chapter

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

In the previous chapter we mainly on the site vision of the first element: color and launched a more detailed discussion, today we will start from the layout of the site's vision to do some discussion.

But there is something missing from the previous article that we added to the previous chapter before the beginning of this article.

In terms of color, but a great science, color in the vision of how much weight?

Supplementary: On the visual color of the website to continue thinking

I think a lot of people do not pay enough attention to color, so they will not be able to use the color of the maximum.

People never try to fight and disobey nature, so does design. We all know what the vision is passing through to the brain, and if you don't know it, it's really silent. All objects in the world are transmitted into our brains in the form of color, and these colors also include points, faces, lines, shading line, shadow, and so on, precisely because of these wonderful combination of colors, we see the world is three-dimensional, colorful, colorful. Please do not try to refute my point of view, it will make our discussion become boring.

Vision is through the color to convey to us the most basic information, a thing beautiful, can give us a visual impact, to a large extent, in fact, depends on the color.

It is because color is the most basic element of visual performance, so it will have the art of painting. The so-called painting is through the color changes and combinations to bring people with visual beauty of the form of expression. Color is objective, and composition and other factors are subjective, which may be the biggest reason for some friends retort. All right! We've all seen abstract paintings, haven't we? Why is it that a painting without a composition or image can bring enough beauty and visual impact to people? That is not because the artist's understanding of color and grasp has reached the point of perfection? Color for the artist is to represent the accomplishment, is the skill, Extending to the entire visual field is understandable.

Color blindness in the eyes of the common people in the world is different, different aesthetic person in the visual sensitivity and preferences are different, different age levels of people's feelings of color is not the same, different moods, different circumstances of the feelings of color will not be the same, which requires us in the performance of color must pay attention to this, Especially in the website visual, because the huge browsing crowd, in the color performance, we first should consider the color universality.

One of the easiest ways to test your site visually is how good it is, you can take the entire screenshot of the site down, and then turn into Black-and-white monochrome, if in black and white, your page level is not strong, the various components of the identification is not high, the whole page gives people the feeling of gray, it proves that you do not far enough. A high degree of color understanding of the designer to design something, even in the color of the black and white state should also be beautiful moving, hierarchical, still can give people a visual shock, and can not apply the color of the application is limited to simple color matching.

In addition to converting the picture to black and white, you also need to program the screenshot very small with the sketch, if the thumbnail of your hierarchy is not visible, color recognition is not high, then you need to improve. Like a lot of sites are normal to look good, but once made a thumbnail small map will be programmed with a full text, dense without aesthetic.

About the color of the problem we will be here, and then Hu Yu down to appear superfluous, and the color of the grasp itself is a kind of unutterable unspeakable things, exactly how to grasp to what extent the designer of all kinds of experience to the long-term precipitation.

Second Step layout

After we finish the color, we'll look at the layout structure.

A good site layout should be breathable

In the layout structure, most of us (not just designers) always want to show more things on the page, this has to say is a continuation of a great power complex, or more accurately our people's concept of the site should be the kind of all-inclusive, we have a great preference for the portal site ... Even a considerable number of people think that the richer the content, the more columns, the more can prove the strength of the site, can be counted on the normal operation of the network company.

Obviously this idea is extremely wrong, it can only prove that you do not know the status of the network, the site is not a deep understanding of the field, in addition to no longer to prove anything else.

The words will lose these four words is also summed up by the ancients, the more things you show, the more exposed your weaknesses and weaknesses, after all, no one is omnipotent and perfect, even if it is omnipotent and perfect, you can not have so much energy to take care of all aspects.

Well, I admit that many friends still have a sober understanding, and more and more friends have noticed the all-inclusive site is difficult to achieve the reality of success, so there are more and more friends began to look for features as the theme of the site. This understanding seems to be with us now the layout of the site is not very much, but you have to admit it is because of the subconscious things in the mischief, it caused our pages crowded and messy, many viewers will often be upset stuffy, confused.

Look at a lot of sites! The whole page is full of things, seemingly designers would like to have all the things on a page all show up. This design concept is wrong, even if the CMS also grasp a degree, without this degree of certainty, the page will be out of control, it will be the idiom: "Gild the lily"!

Why can't we just do the finishing touches?

I admit I have a lot of phobias, and I know that most viewers don't have a crush on things that are too dense. There are so many things in the page that make people crowded, depression, shallow, narrow, messy, tense, dazed and so some bad feelings, at this point we should be good to analyze and compare some foreign good site practices, even more content of the CMS page, people do is loose air, more without chaos, Orderly, the entry is distinct, the emphasis is outstanding.

Sketch is a very powerful and magical form of artistic expression, artists only through a pencil and grayscale changes will be able to show any complex images and objects, and our site is the truth, we are nothing more than through a combination of pictures and text to bring viewers with visual impact and reading pleasure. Sketch pay attention to air permeability, even if the lines can not be dense, not clear, airtight, the site is also so, you are more content, also can not be densely arranged together, the loss of permeability can only bring people a sense of oppression.

Now there are more and more sites began to make a fuss on the layout structure, a relaxed and comfortable page layout will definitely allow visitors to relax, greatly extend the time to stay on the page.

The visual creation of page layout should conform to human physiological function

As far as the layout of the site is concerned, there are also a few: single, double, three, multiple, waterfall, etc. On the human visual, we see the first eye is the entire page, and this first glance is blurred, just let the site instantly give us an initial impression. If the color and structure of this site is excellent, should let the viewer immediately excited, so eager to carefully look at the page, and even for the sake of being visually touched for more than a few pages, and even interested in the attempt on the page some special effects or small interactive games, At this point if again encountered a very interesting article, I think this site will be rooted in this viewer's mind, there is no suspense he will again visit this site, which is because of the visual increase in user viscosity. But if the site's color and structure is very common, and there is no place to do anything? The viewer's eyes will be a slight pause blurred a second time, and then the pupil contraction into a fixed focus, after the focus of the eyes first or in the page, when he saw is the structure of the page, through the structure of the page to judge, The eye communicates the visual sensation to the brain, and the viewer is able to navigate the page in front of him. Then this time the benefits of the single column is reflected, because it can be at the first glance has been the eyes of the viewer, that kind of visual feeling will be very comfortable, because the viewer does not need to turn to wink, completely conform to the natural instinct is very easy to see the subject content.

If you are two columns or even multiple columns, the viewer's first glimpse of the angle is not fixed in the main content area, it will immediately sweep to the left side of the page, because they think the left is the most important. This is probably because most of the site is so processed, the first reading to the left became a habit, it is precisely because of this reason that more and more people to the sidebar changed to the right display. Because what I want the viewer to see is the main content area on the left. In fact, it is the reader's habit that leads the viewer to the left. Mainland China's writing direction is horizontal from left to right, and the printing of books is so, we grew up early from the left to the right reading habits, which seems to have become the subconscious instinct of vision. A few years ago, most of the site layout is a lot of the sidebar on the left, the main content area on the right, obviously designers have noticed the visual deviation of the problem, imitation or understanding, anyway, we basically have accepted the sidebar on the right side of the layout.

Based on the length of the relationship, we will continue in the next chapter of our layout discussion, please pay attention!

Original Author: Sub-cold Interactive vision

Original Address: http://www.xmlas.com/web-visual-talk-hallowly-2.html (original article, reprint please keep)