How do you apply geometry knowledge to Website design?

In website design, the proper use of geometry can help your page layout look more beautiful. Especially in web design or panel design, it should consider not only the style of each element, but also the order of design, rather than blindly trying.

The first step is to locate your page or format.
Not all websites or formats are unified routines, and they also have their personalities in it. Consider the positioning of the brand, who is the audience, the user's reading order and reading experience is what we want most of the users to see what users want to see...... To show all the content in the limited to the canvas, there will be a choice, not only can design beautiful, good-looking you just meet the job premise of designers; designers more to consider is to solve the problem.
The second step is to define the big style.
According to the design content, determine the proportion, color, shape and other basic elements. Unified style is not lazy, he will let you design more consistency and continuity, will not let readers have too many unnecessary out, and determine the style you can deepen understanding of the content of design.
The third step is to determine the size of your canvas.
In web design, the most commonly used designer is the 960 Grid system, which can be said to be a landmark or representative system. At the beginning of the design, it mainly aims at the screen of 1024 * 768. Although already more than 1200 pixels of the world, but the 960 Grid system has long been from the initial rational design tools into the layout of the web design thinking.
The fifth step is to determine the minimum character.
The horizontal is based on the minimum character height you use. Generally, using 12pt - 16pt text, each line of 60 - 80 characters is a reasonable range. In this way, we get a simple, rational, and effective use of grid, grid design can make the coherence and order of "enhanced content and content do not affect each other, reduce the complexity of the content choice, and greatly increase the rate of code reuse website.
The sixth step is to find the first visual point of each screen.
The gaze point is the need to lead, through scientific and rational way can quickly find the user's line of sight, you most want to let users see the content in this range, can play a good effect and feedback. It can also help you sort out the relationships between each element.