Goodbye, Mr. About how to improve web design

　　

 

　　About mr.

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

Everyone is famous for mentioning this person. His surname is poor and his name is not many.

Mr. Shao often said: "Everything is just about the same. Why are you too smart ?"

When he was a child, his mother asked him to buy brown sugar. He shook his head and said, "Isn't it similar to brown sugar ?"

When he was at the school, he asked him, "Which province is the west of Zhili Province ?" He said it was Shaanxi. "Wrong," said Mr. It's Shanxi, not Shaanxi ." "Shaanxi is similar to Shanxi, isn't it ?"

Later, he worked as a guy in a money shop; he also wrote and calculated, but he would not always be fine. A cross is often written as a thousand characters, and a thousand words are often written as a cross. The manager is angry and often scolded him. He just smiled and said with caution: "a thousand words is less than a cross, isn't it ?"

One day, he suddenly got into an emergency and asked his family to ask Dr. Wang from the East Street. The family ran in a hurry. He couldn't find Dr Wang from the East Street for a moment, but he invited Dr Wang, a veterinary doctor. Almost Mr. Wang was ill in bed and knew that he had found the wrong person. However, he was in a hurry, suffering, and anxious mood. He thought, "Fortunately, Dr. Wang is similar to Dr. Wang, let him try it." So the veterinary Doctor Wang approached the bed and used a doctor's way to treat almost mr. No more than one o'clock, and almost the gentleman was stunned.

This is a biography-based fable created by Mr. Hu Shi. Through this small fable, we have known this similar gentleman. After reading so many absurd stories about Mr. Hu, I believe that everyone does not want to be a similar person. But think about it, isn't it that you have the shadows of similar gentlemen? Do we always treat our lives and work with a similar attitude? In the process of designing webpages, have we ever had the idea of "almost doing well?

In fact, most of the time, we are not interested in becoming a similar gentleman. We often think that the page has a good color and the structure is also good, and everything looks similar, however, it seems that there is nothing to do, but I don't know how to continue. Next, let's assume that Mr. Shao is a design engineer. I will show you some of his works and introduce some methods to help you out of this "similar" situation.

Similar works (1)

　　

 

This is a partial content layout. It seems that everything is similar. The title and content are differentiated and organized, and the content and sections are also white. But you know that this seemingly inconspicuous white space can also affect our design screen!

　　

 

We made some optimizations, but adjusted the spacing and white space slightly, or even several pixels. In contrast, the Organization is clearer and more readable, and the quality of webpages has also been improved. In the past, we only needed a small adjustment of the remaining white space, and the screen effects would differ so much ~

Reject white space that is "almost" (how to use it intelligently ?)

White space is very important, but we often don't know how to white it in the design. Will it make the page look empty if it is too much, or will it be crowded if it is less? Therefore, it was almost impossible to become a gentleman. In various cases, the requirements for white space stay vary. In this way, you need to constantly train yourself and be aware of the changes that can be brought about by white space, so as to effectively use white space to meet the design requirements.

Next, let's learn some experience from others' works, so that we can stay away from the "almost" white space.

　　

 

By combining a large area of white space and randomly placed items, designers can make the atmosphere of the entire website lively and easy, with excellent affinity.

　　

 

Elements displayed on a large blank space are often more attractive.

　　

 

Sometimes we will reduce the white part because there are too many words, and we will be forced to do something similar. However, we know that if you have to fill up the content, your page style will be lost together with the design quality. So even if there is more content, we need to give the page some breathing space.

　　

 

A proper white space can free your page from the box.

　Small Method

1. Do not be afraid that white space will be wasted. Believe that the right white space will make your image more quality.

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

3. During the design process, the page is constantly reduced to see some problems!

Similar works (II)

　　

 

Similar to Mr. Zhang's button design, it seems that there is no problem either, the color is clear, and the effect of the button has come out, it seems that it is almost the same ~ In fact, we only need to pay more attention to the details, and the results will look different.