Understanding the basics of web design typography is essential to manipulating the impression that your website design creates. While there is a whole science behind arranging text in an aesthetically pleasing way, these several suggestions can drastically help you improve the visibility of your website.
1. A Guarantee of Unity. Typography is the brain of your visual image, as it carries information to the user. It cannot function separately frtom the rest of your web page, just like your brain cannot work independently of your body (Although, philosophers would debate that). Make sure that your text’s characteristics work well with other elements of the page. Don’t think that focusing on words makes users dismiss the rest of the image.
An instance of this is Alexandre Engzell’s work on Mond, a company introducing new WordPress themes. There is just enough diversity, only certain combination of color and an impression of unity, created by color, similarity of symbols and, of course, font.
A Side Note: you should care about font pairing. This is something that can be a true struggle, but, luckily, Google has this amazing Web Font Directory that helps quite a lot.
2. Text Has Character. Didn’t You Know? There is an expectation behind every font you use, that’s why there’s so many of them. Isn’t there something inherently strange about using a flirtatious Brush Script MT in a formal letter? It’s best if you embed what you’re trying to express in your text.
This web designer is using a scrapbook handwriting impression to present her portfolio, and the variety of fonts looks good together. A little bit of playfulness is present, but notice that her name couldn’t be clearer, not to confuse anyone wishing to get in touch.
To purchase some original fonts or just browse what’s out there check out this font catalogue.
3. Consistency Is a Key. Don’t throw all you know about web design typography out there. Users realize you have plenty of options to choose from, so your design choice and sticking to it is appreciated. By this you’re also developing your brand uniqueness, which helps others to associate a particular style with you.
As an example, here is another portfolio of a web designer, which is incredibly creative and very consistent. Everything works so well in a combination, proving that she does indeed know what she’s talking about.
4. Still, Not Too Much Text. Think about the popularity of Emoji. They express everything you want to say in words with a visual image. Using symbol fonts instead of text allows you to be as clear as possible without speaking a word. It also contributes to unity.
Numero 10, a communication agency, definitely knows how not to overemphasize text and make it work for them. The use of a symbol font on a black-and-white background looks just great.
To give you the last tip: experiment. Don’t be afraid to use something new instead of an old mundane font. It can work for you better than you think!
At concept9, we treat typography as one of the many elements that gives you control over the relationships you build with your customers online. To learn about how typography fits in the larger context of online marketing funnels and customer journeys, get in touch with us today!