Modern web design is based on the principles of accentuation, contrast, balancing, alignment, repetition, and convenience of perception. The more attention you pay to these principles, the more successful your design will eventually turn out. If you forget about the basics, you will often find yourself on the wrong path when creating a design. Scrolling in your head the basics, you can concentrate on the right aspects and create a unique design.
However, keep in mind that simply following the formula does not guarantee success. These principles are not a recipe, but rather guidelines for which you must follow the path of creating a successful design.
An accent is an emphasis on the particular importance or importance of an element. In many respects, it is closely connected and even coincides with the concept of hierarchy. In order to keep the principle of accentuation in the process of creating a site, it is necessary to analyze the content of the site and find out which hierarchy of elements takes place in its contents. Having found this out, you can create a site with a competently implemented hierarchy.
Contrasting is the visual differentiation of two or more elements. Elements with a high contrast ratio look crisp and detached, while elements with a low degree of contrast seem to merge and tend to mix into a single mass. There are many characteristics of design elements that can be manipulated to achieve the necessary degree of contrast of elements, including color, size, location, type and thickness of the font.
If the elements of the design contrast with each other, this will give a visual variety to the site and avoid the mediocrity in its appearance. Contrasting also allows you to attract attention by focusing on certain elements.
The principle of balancing revolves around the idea of how elements are distributed in the design and how they relate to the overall distribution of visual load within the web page. On this depends how balanced the design will be in the visual plan. Grouping elements in the design create a visual load.
Typically, this load is balanced by using an equivalent load on the opposite side of the "scale", thereby achieving a balance in the design. If you do not do this, the result will be a sense of imbalance in design, although this does not mean that the design will necessarily be bad. However, a well-balanced design creates a subtle sense of balance and usually is more attractive.
Alignment is the ordering of elements in such way that they come as close as possible to the natural lines or boundaries that they form. By doing this, you unify the elements. This process is often called work with a grid. Unbalanced elements tend to fend off a common group and require unification. Examples of aligned elements include one-line headers of two columns, or the left edges of elements located one above the other, aligned with each other.
Repetition involves the repeated use in the design of the same elements in different ways. A design that contains repetitions becomes unified. Repetition can be expressed in a variety of forms, including the use of the same color, outlines, lines, fonts, images, and a general approach to styling.
A site can have a complex structure, but it should provide a natural and convenient approach to the perception of its content, so you do not have to jump a glance at the web page. A site that provides a comfortable perception helps a person to have a desire to look again at what he has already seen, that is, to maintain interest in him. Some good examples of high quality web design you can find here.