Six Typography Tips for Web Design

Filed as Guides on May 30, 2011 10:00 am

 

When we think about web design, we probably most commonly think of what kinds of stunning effects can be achieved with color combinations, graphic design, animated elements, photographs and even interactive games and quizzes. However, none of these elements of web design actually have much to do with the basic purpose of a website which is, in most cases, to provide information. Surprisingly, the text in a website is often, unfortunately given the least attention of all web design elements despite being one of the most important features of a website, not only in terms of boosting search engine optimisation, but also meeting customer’s needs and ensuring they complete the desired action once they visit the website. To make sure that the typography of your blog design is working to its optimum capacity, here are six top tips…

1. Fonts: Picking the font to be used across a website is one of the keys to a successful web design that is often overlooked. Make sure it is easily readable and clearly legible in all sizes that it is to be used in across the site. There’s no point spending hour writing quality content if no one can read it. It’s also critical to choose a font that suits the mood of the web design, for example, a Gothic style script would be completely inappropriate for a childcare centre website, but ideal for a Dracula-themed theatre restaurant.

2. Choose the right colour: Once you have selected the most ideal typeface for your web design, you will need to decide on the colour of the font to be used across the website. It is essential that this choice doesn’t interfere with the legibility of the text, therefore it is recommended to select a colour that differs significantly from the background colour. Black and white would be the most ideal choice, but other tones such as light and dark grey or variations of other colour shades can work well too. Just beware of contrasting colours such as primary red and blue that can be garish and painful on the eye.

3. Font size: One of the other key considerations in relation to typography in web design is the selection of an appropriate font size. A font that is too large will mean that the site visitors are forced to scroll up and down the page constantly, while one too small will be simply impossible to read. Finding the balance is normally possible with a medium sized font, but another option is to make your font size adjustable by the site visitor to accommodate each of their personal preferences.

4. Don’t get too creative: While web design can be an extremely creative and enjoyable exercise, font style, size and colour is not the area to get carried away with all the options on offer. Creating a unique effect in your web design is no doubt the aim, but this can always be better achieved through stylish simplicity than using every font style and colour or size available on the one website or single page.

5. White Space: Just like text, white space is an element of web design that is often underestimated in its effect, but there is nothing more unattractive than an overly cluttered web page. It is hard on the eye of the visitor and is likely to drive them away. Remember to leave white space in the margins, header and footer, and to place appropriate line spacing in block text.

6. Hierarchy: Finally, every web design should be structured with a particular hierarchy in mind.    Each element of every page should progressively lead the visitor toward completing the desired action intended by the website owner. The way that text is presented and arranged on the page can very effectively enforce this hierarchy through the use of variations in size, typeface and bold or underlined text which are all great ways of highlighting particular information for search engines and site visitors.

Guest Bio: John is working as freelance writer for Melbourne Web Design Company, Infinite IT Solutions

Tags: ,

This post was written by

You can visit the for a short bio, more posts, and other information about the author.


Submissions & Subscriptions

Submit the post to Reddit, StumbleUpon, Digg or Del.icio.us.

Did you like it? Then subscribe to our RSS feed!



    Your words are your own, so be nice and helpful if you can. If this is the first time you're posting a comment, it might go into moderation. Don't worry, it's not lost, so there's no need to repost it! We accept clean XHTML in comments, but don't overdo it please.

    Current ye@r *