The basic principles of designs help the web designers on putting together all the design elements in an appropriate manner. Using these principles, it also help web designers build more pleasing and useful designs since design is beyond embedding HTML tags up to the site.
BALANCE. The principle of balance shows you how to lay out your pages so that it will work. It is also the allocation of the light elements and the heavy elements on a website. The larger and the darker the elements are, the heavier it will be in the design. Balance is a visual interpretation of gravity in the design. The position of elements on the page determines how balanced the page appears. It is in the layout that the balance in web design is found.
CONTRAST. Contrast is not just all about colors, as what all people thought. But it is more than that. There are the contrasting sizes, contrasting textures and contrasting shapes. Contrast in design is an accentuation of the differences between elements in a design. By using more subtle differences in contrasting font sizes, images, layout shapes and text styles, you can take advantage of contrast without blasting your browsers with a loud contrasting color scheme.
EMPHASIS. It is sometimes referred as dominance. It is a way of making the most important element to stand out in the design. It is what the eye is drawn to in a design. Designers must determine the proper ranking of the page for them to put appropriate emphasis to the elements which are based on the ranking. It’s tempting to give everything equal emphasis or try to emphasize everything in a design., but this ends up making the design bland and flat.
RHYTHM. It is also known as repetition. It gives an internal harmony to every web design which makes browsers understand it easily.Once the brain recognizes the pattern in the rhythm it can relax and understand the whole design. Repetition attracts attention and prompts customers to investigate further. To provide consistency to your web pages, you can repeat a headline multiple times for emphasis, repeat an image across the top of your design or create a patterned background with repetitive elements.
UNITY. It is also known as proximity. Unity provides cohesiveness to your designs. It pulls elements together. This is the principle of maintaining same elements all together. Unity in design is achieved primarily through placement in your layout. But it can also be achieved through margin or padding changes to the elements. It can be implemented through, adjusting the layout of elements, changing the spacing around the text and playing with the box properties to affect margins and padding.