9 Great Tips for Beginner Designers in Web Design

In these days of retina display and 1080 HD, every tiny detail matters in bringing out a stunning design.  If you are designing for a website as a non-professional designer, this can be hard to bring out. The good news is that even designers beginning out can make stunning designs using a few tips for the usual tools in design. You can use a few tricks to make your designs come out great especially for a landing site.

Two font guideline

Using several different fonts can make it a bit difficult to combine them. It is advisable to stick two fonts; one for the body and one for the headlines.  A good guideline for the size is multiplying the body font size 2.5 times to get the size for the headlines.

Two color guideline

A color picker can be very helpful for a beginner to see how different colors come out on the site. It is advisable to use only two colors; one for the page elements, and one for the Call to action.  This brings out better uniformity.

1.6 line height guideline

Typography stretches the imagination of many clients and it is sometimes hard for a beginner to get it right. A height of 1.6 can be uniformly applied to all elements which is also 1.6 for all p elements in css. If you are dealing with printed text, multiply it by 1.6

Column guidelines

Making text more scannable is one way of grabbing the attention of your web visitors. This can be done by limiting text lines to 58 characters. Artistic studies have shown that this is the optimal amount for the human eye to comfortably grasp at one go.

Use hierarchy

Hierarchy is very important in a website. It prioritizes text such that the site visitor sees the most important information first whether in graphics or text. Hierarchy is done in web design by listing all elements in the order of their importance.  The most important elements should be the biggest and most contrasting.

Use of white space

White space is a great design tool when used properly.  It is common for beginners to think that white space is empty space. This is not so. White space should be used judiciously around elements to draw attention or bring visual balance on the page.

Grid payout for photos

When photos in different sizes have to be on the page, it is best when they are placed on a grid for better visual attention.