Web Design tips: A quick way to make a Web page a little tricky

Article Description: My self-defense Anqi-web design contingency tips.

Work, web designers often meet these conditions: time is so short and brilliant, but also to atmosphere to have atmosphere, style is not clear difficult to grasp, columns so many pages and so long ...

Suddenly feel helpless, head a blank, no idea, how to do?

Below is a brief summary of a few quick tips to make your page shine:

1. Rotation method – Rotate the body or part of a page

Our General page layout is square, well-organized, a bit stiff. If the proper rotation of the local or the whole, break the stable composition, the screen will be more dynamic and interesting.

For the above picture, this kind of tone is relaxed lively and the content is relatively few pages, the main body after the rotation, the screen immediately lively up, see now this picture, really can't imagine before the flat before spinning. At the same time, the irregular Yu Bai will not appear empty compared to the large square blank.

Above, the background rotation, a large area of the bevel produced a very strong sense of speed, racing fast, as if the next second to be rushed out of the computer, the tilt of the big title and the background of the rotation after the cross, so that the whole movement of the picture. This approach can be applied to a variety of motion topics.

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

The gold ratio is considered to be the ideal rectangular ratio, and there are many such relics in the cultural heritage of the past. Applying this ratio to layout design, you can also design a composition that is easy for the user to enjoy. But do not be bound by these proportions, many are based on their own feelings to apply.

Above, the removal of the background is nothing but a clear layout of the page, the background after the segmentation, contrasting the color block to create a deep sense of the screen, the richness of the page and visual impact of rapid enhancement. The character also seems to have landed, the steady stand in the picture.

Above, with a strong contrast color block segmentation, emphasizing the division of the plate, even if there are many places to emphasize, but also allows users to quickly clear the focus of each section, not as usual 1, 2, 3 ... In turn, the contents of the vertical line down, the mouse has been dragged to the third screen is endless, and no fresh feeling.

[1] [2] [3] Next page