Good-bye, mister. Talking about how to improve web design

Source: Internet
Author: User
Keywords Good-bye talk about Web refinement count such as He Yingii many Mr.

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

  

About us, sir.

Do you know who is the most famous person in China?

Anyone who mentions this person is known everywhere. His surname is poor, the name is not many, is each province each county village native.

Almost as long as the gentleman says: "Everything is just about the same, just fine." Why so shrewd? "

When he was a boy, his mother asked him to buy brown sugar, he bought the sugar back. His mother scolded him, he shook his head and said: "Brown sugar sugar is not the same?"

When he was in school, the gentleman asked him: "Which province is the west of Zhili?" He said it was Shaanxi. "Wrong," said Mr. It's Shanxi, not Shaanxi. He said: "Shaanxi and Shanxi, is not the same?"

Later he was a man in a money shop, and he could write and count, but never fine. The cross is often written in thousand words, often written as a cross. The shopkeeper's angry, often scold him. He just smiled and paid careful way: "Thousand words than a cross only a little, not almost?"

One day, he suddenly had a sudden illness, quickly asked his family to call the East Street Doctor Wang. The family hurried to run, for a while to find the East Street Wangdaff, but the veterinary doctor Wang invited. Almost Mr. Sick in bed, know to find the wrong person, but the disease is urgent, the body pain, anxiety, and so on, in the mind to say: "Good Doctor Wang with Wangdaff also similar, let him try." "So this veterinary doctor Wang approached the bed, with the way of medical cow to the treatment of almost Mr. Not on one o'clock, almost Mr. Die.

This is a biography of Hu Shih's fable, through this little parable, we know this almost Mr, and after reading so much about the absurd deeds of Mr, I believe that we do not want to be a man like Mr. But think carefully, is it faint to think that they still have the shadow of almost Mr? Do we often have a "similar" attitude towards life and work? In the process of web design, do we have the idea of "almost ready"?

In fact, most of the time, we do not intend to become almost a gentleman, we often feel that the tone of the page is also good, the structure is also fine, everything seems almost, but also feel as if almost nothing, but do not know how to continue to go further. Next, we assume that almost mister is a bit of design, I will show you some of his work, one side to introduce some methods, hoping to help you out of this "similar" situation.

Almost the works of Mr (a)

  

This is a local content of the layout, it seems that everything is similar to the title and content of the text have to make a distinction between clarity, content and between the plate also have left white. But do you know that it is this seemingly insignificant white leave can also affect our design picture!

  

We do a little bit of optimization, just adjust the spacing and the size of the white, or even a few pixels. In contrast, the quality of Web pages has been improved by a clearer and more readable nature. Originally only need a small adjustment of how much white, the screen effect will be so much ~

Refusing to "almost" white leave (How to use white?)

White is very important, but we often do not know how the design should be white, too much will make the page looks empty, will not be crowded? So I accidentally became almost Mr. In different situations, the requirement for white leaves varies. This requires you to constantly train yourself, the white can be brought about by the changes to be aware of the time, so that the effective use of white to meet the design needs.

Let's learn some experience from other people's works so that we stay away from the "almost" white.

  

Designers through a large area of white and casual display of the combination of items, so that the entire site atmosphere relaxed and lively, with excellent affinity.

  

The elements that are displayed on the big blank are often more appealing

  

Sometimes we reduce the amount of the white part because of too many words, and we are forced to do almost anything. But we know that if you're trying to cram something full of stuff, you're going to lose the style of your page along with the quality of the design. So even if we have more content, we need to give the page some breathing space.

  

Just the right white leaves your page out of bounds.

Small method

1. Do not be afraid to leave a white mind to waste space. To believe that the right white can make your picture more quality sense.

2. Keep trying until you find the best solution. Over time, you will become a master of white.

3. In the process of design, constantly reduce the page look, can see some problems Oh!

Almost the works of Mr (b)

  

Almost Mister's button design, it seems that there is no problem, the color is clear, concave and convex also have, the effect of the button has come out, seems to be almost ~ in fact, we only need a little more attention to the details of the problem, the effect will look different. #p # subtitle #e#

  

In fact, the problem is in some small details, just a little bit of hard, you can make the whole button look more exquisite! So why do we have to make a difference, sir?

Reject the "almost" details (how do you deal with subtle details?)

I often sigh, why other people's design looks so exquisite, oneself is a copy also always feel flaw what, I think the reason is in detail here. This requires us to observe the work of others more carefully, so as to see the subtle details of the design.

Let's take a closer look at these ingenious detail designs so that you don't do almost anything Sir ~

  

In Example 1, the Green content box has a brighter green line at the edge. In Example 2, the inner edge of the block has a soft gradient shadow and a pixel white stroke above the edge. This approach is very clever, with shadows to emphasize the high light. The green area behind it has a very soft, subtle lighting effect that helps draw attention to the white block below.

  

Gradients are almost one of the most abused design methods, most people do not pay attention to the gradient, but the use of success, still can make the design of a lot of color, this is to let you quickly out of the effect of a good way oh.

  

The use of material background is very important. Too complex a background will distract the reader and ultimately reduce the quality of the design. So it's best to keep the background material small and soft. Of course, the use of good materials, will make the original more empty design. This site is doing a good job of using materials to create overall style and design quality.

Small method

Psychologically, don't worry about the details too subtle, too inconspicuous. We have to believe that perhaps people are not clearly aware of these details, but they do have an impact on our design.

Consider pixel-level issues. Strokes, gradients, lines, shadows, and so on, can effectively enhance the quality of the design without being too lenient.

Create a detail layer. Don't rely too much on a brush or a material, add more layers, and do more detail.

Continuous contrast. After applying the effect, pay attention to the contrast before the effect. So you can see how these details have changed. Can let you next time when the application is handy.

Almost the works of Mr (III)

  

Although in some specific circumstances to do innovation, it is difficult, or is not allowed. But I still want to let everybody see, under the condition that allow, do some reasonable innovation, can bring to us actually is not the same surprise!

So let's see how brave they are to refuse the idea.

Reject the idea of "almost" (we need to be brave to innovate)

  

This site is a bit of a new breakthrough in navigation, but this breakthrough is not abrupt, I think it is very consistent with the site's design style.

  

This site has only one goal to show you their brilliant work. So there is no use too much text, the mouse over the color block, presented to you is the work screenshot. I want to use this kind of unusual navigation here, also not excessive, but added a lot of features.

  

This is a small game of the site, this kind of navigation form is used more widely, not what innovation, but I want to say is that the use of this navigation, indeed the whole page of the atmosphere has played a great role. In the thematic design, we can also try to break the conventional, do some conducive to the design of the atmosphere

Bold innovation, careful application

Although we want to reject the idea of the same, but can not be too blind subjective to do some design, after all, we are in the design, not in the art, in innovation always need to remember: if you are going to do something maverick, first ask yourself:

"Is it really necessary?"

"Is that OK? Is it consistent with the overall style of the page?"

"Is it consistent with the brand's appeal?"

If the answer is yes, take action!

Written in the last

In fact, I just want to take the role of the gentleman today to share some of the web design further in-depth techniques and methods. Looking at these simple little ways, excellence is no longer as difficult as it might seem. As long as we get rid of almost Mr Shadow, think more, try a little more, you design the quality will be very different ~

In a situation where our design looks almost the same,

Try to adjust the white,

Try to add a little detail,

Try to inject some fresh ideas

Wave goodbye to the almost gentleman.

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.