Web Design Tips

Made, http://www.aliyun.com/zixun/aggregation/7007.html "> Web designers often encounter these conditions: time is so short and a color, but also to the atmosphere to have an atmosphere, the style is not clear Difficult to grasp, columns so many pages so long ...
Suddenly feel helpless, his head a blank, no idea, how to do?
The following simple summary of a few quick tips for the page out of color:

1. Rotation method - the main body of the page or part of the rotation

Our general page layout is square, smooth, a little dull. If the local or overall appropriate rotation, breaking the stable composition, the picture will be more interesting and interesting.
For the above picture, this tone is simple and lively, but content is relatively small page, the main body after the rotation, the picture immediately relaxed and lively, read the picture now, really can not imagine the non-rotation before the dull. At the same time, irregular whitespace does not look hollow compared to large square whitespace.

On the map, the background rotation, a large area of ​​the slope produced a very strong sense of speed racing speeding, as if the next second will be washed out from the computer, the tilt of the title and the rotation of the background with the cross, Make the picture move all over. This method can be applied to many sports topics.

2. Golden Section - flexible use of the golden ratio of segmentation approach to the page "cut" open

The golden ratio is considered to be the best proportion of rectangles and there are many such relics in the past cultural heritage. Applying this ratio to typographic design can also make compositions that are easy for the user to enjoy. But do not be bound by these proportions, many rely on their own feelings to apply.
On the map, remove the background is nothing more than a typeset layout of the page, the background is divided, the contrast of the color depth of the screen, page richness and visual impact rapidly increased. People also seem to land the same, standing smoothly in the picture.

On the map, with strong contrast color segmentation, emphasizing the division of the plate, even if there are many places need to be emphasized, but also allows users to quickly clear the focus of each section, not as in the past 1,2,3 ... ... the content in turn Vertical down, the mouse has been dragged to the third screen is not finished, and nothing new.

3. Curve method - the curve used for background or section segmentation, eliminating the rigid segmentation of the rectangle.

Compared with the straight line, the curve is rounded, people feel relaxed and happy. Enhance visual sense while also creating an active atmosphere.
The figure above, the public's logo and 747.html "> focus on the robot products, all composed of curves, in which case, with the curve to separate the background and focus on it for granted, the picture of the rational use of the curve also increased The sense of hierarchy, robots and red headlines are more prominent.

Imitate the trajectory of the ball, running through the entire page of the curve, the user intuitive into the ongoing intense baseball game scene. Seems random, in fact, the curve will be used when the title, focus and news and other sections according to the key points were divided in different proportions.

4. Borrowing Law - Borrow something in the real world, abstraction in kind, extracted large outline for the background

Real things can also be applied to the web design? Of course you can, as long as you want.
As shown in the picture, envelopes are commonly used in our lives, so living things borrowed from the Web page, unfolded in front of the user, as if the letter sent by mail to you, immediately shines, intimacy arises spontaneously. As a game page notice, with white stationery to hold the main content is appropriate.

On the map, the car racing on the track gallop scene placed on the page as a background, the virtual big city, the enlarged track, flying the car ... just like sitting in front of the computer at the moment to play the car, his left hand is tight Press W, A, S, D keys the same. Allow users immersive, completely seize each other's attention.
And so on, many things in life can be borrowed, for example: a blackboard written in chalk, a computer screen, a diary book, an antique map, an empty soccer field ...

5. Triangle collage method - like doing manual, the trimmed triangle upset, re-collage

Different geometric shapes have different characters, round is lively and lovely, the square is smooth and tidy, the triangle is sharp and dynamic.
Triangle imbalance and sharpness can enhance the visual stimulation, quickly attract users, can be used for science and technology and fashion this style is also more "sharp" pages.
On the map, will be the same color small triangular uniform collage, immediately to create a diamond-like fashion sense. However, practice should pay attention to addition and subtraction, can not heap a pass, until you can point.

On the map, with beautiful triangles on the page division, collage. The size of the combination of color contrast, can give users a strong visual impact. In the mix, pay attention to the primary and secondary, to a large shape-based, to leave enough space for content display, and other auxiliary small shape difference.

6. Color segmentation - the various sections with different colors to distinguish

Often face the demand side Here is the focus, that is also the focus, that is also very important, all need outstanding requirements, for the more vivid pages of the page you can consider different colors to distinguish, through the color blocks to strengthen the page layout and Layout, the more difficult is the color matching to strike a balance.
Above, the layout in the page to reflect the block, no effect, in order to highlight the important areas of the selected saturation of the red, yellow and green three colors, resulting in a clear visual center, allowing users to follow our hope That read. However, the contrast easily lead to discordant colors, with a neutral red, yellow and green to reconcile what appears to be unobstructed.

When using four to five solid colors to match, pay attention as long as the hue, purity, brightness of the three properties are basically the same or close to one of the properties, with basically not feel too far-fetched.

----------------------
Several tips above can be used in case of emergency reference, we can also use a similar method to sum up more tips for your own use.

Source: http://uedc.163.com/7779.html