The secrets to using large, expressive type on websites

Default avatar.
June 16, 2014
The secrets to using large, expressive type on websites.
thumbnailWhen designing a website we have to strike a balance between the visual elements and the text elements of the site. This is no secret, but it is often not thought of in these terms of balancing between the visually expressed aspects of the design and those that are expressed through text. The use of large, expressive typography offers us the ability to combine the two approaches, conveying our message in a highly visual and textual way. So, let's examine some of the specifics behind designing with large, expressive typography on the web (and well, sometimes beyond). Not only the why's, but also looking at some of the how's that will keep this happening in both an effective and stylish manner throughout the design community.

Why use large expressive type?

There are a number of ways using large expressive typography can enhance a site. We will touch on a few of them here, but know that these are not the only reasons to opt for this oft visually stunning technique.

To grab their attention

The first is a hold-over from the early days of print, and that is that using expressive typography in such a bold way gets the readers' attentions. Especially when it stands out from the rest. Large type tends to quickly grabs the viewer's attention, screaming at them "Focus on me!". This makes it great for any elements on your site that you really want to highlight and want your visitors to immediately see, such as calls to action and your main titles. With such a proven track record, it is easy to see why this technique has continued to follow along with the written word, and evolve throughout the many fields of design using them. Even without alterations in color, expressive typographical inclusions can quickly direct the user's focus and attention where it is needed. missmary designhood pixelsaromates

To make them feel

Beyond just grabbing attention, bold and oversized type can connect with the readers in other ways too. It can connect with them on an emotional level as well. Expressive typography is the perfect way to evoke a certain emotional response in the viewer. The way we feel can play a huge role in the way we act and the actions we take (or how we interact), making the type we choose for a our designs a very heavy hitter in our work. If we can get someone emotionally involved in our site, we can create a relationship with much more ease, keeping them coming back time and again. This has to be done with care, however, because that emotional evocation can just as easily cut both ways. They can respond just as negatively as we'd hoped they would positively, so we cannot just go at this without thought and planning. loisjeans ishothim reunitetheriver

To boost your message

Another 'why' that makes many designers opt to use large type, is the way that it can enhance the overall message they're trying to convey and helps to maintain brand consistency. This branded boosting of our message is a great way to add style to our reach (and the connection we've already discussed). Style can often upgrade the impact of what would otherwise be somewhat blandly expressed, giving the typed words more warmth, and in cases, inflection and emphasis. This approach further allows us to let our own personality shine through (or that of our clients) creating a much more unique and engaging experience for our visitors. This is another way it can aid us in forging strong relationships with our users. dreamsdoodler jacqui grainandmortar

To establish hierarchy

Steve Krug put it best when he said "People don't read, but they scan pages". Using large typography in our site designs is a great way to establish a strong visual hierarchy, allowing our page to be more readily scanned and interacted with by the type of users Krug was discussing. If we don't mix it up throughout the site and give the reader various points along the page to break up their scanning and attempt to draw them in, we risk losing them quickly as their scanning carries them through the design without interruption. We often use a number of ways to establish a visual hierarchy in our works to guide the users through them, this just offers us yet another, simpler way to go about it. Using the already present text blocks to play a part in this without having to go over the top with embellishments and the like to assist the scanners. webstock glasscoat onyerbike

Follow the rules

Now that we have covered the 'why' of the approach, we will take a quick gander at some of the rules that need to be followed to do employ this technique effectively. So let us turn to some of the basics that we need to keep in mind.

Keep it simple

It can be tempting to use a number of different typefaces because they all look so nice and they do all fit the theme of our site. However, it's best to stick to just a couple of different fonts to keep things from getting too garbled. Many say that the general rule is two. One is too few and looks boring, while three is too many and becomes confusing. Naturally, there's always times where the rules can be broken, we just have to put a lot of thought into it and tread carefully. souppeddler vondutch

Check your harmony

Does your type blend well with the other elements of the page, or does it end up distracting more than enhancing? Does it throw off the overall balance of the site? Does it keep with the theme and feel of the rest of the site? Does it overpower other important elements? These are important questions to consider for a full visual harmony of the elements. If the answer is no to any of these we probably want to reconsider our font choices. roxannecook richardphoto stacked

Readability is a must

It's understandable that we want to use an interesting and unique typeface, especially when working with large typography. However, we must make sure that it remains readable. This is always the primary rule of any typographical choice, even if it is oversized. While it's true that we can get away with a lot more with large type, when it comes to readability, not every font is created equally readable. If ever unsure about a font, we need only ask someone who has no idea what it's supposed to say if they can read it. If they can, we might be in the clear (though a second 2nd opinion never hurts either). weblab pigeon creepfest

Rob Bowen

Rob Bowen is an emerging filmmaker, celebrated author/podcaster and poet, and most recently the co-founder and imaginative co-contributor of the creative design and blogging duo at the Arbenting and Dead Wings Designs.

Read Next

20 Mind-Bending Illusions That Will Make You Question Reality

Mind-bending videos. Divisive Images. Eye-straining visuals. This list of optical illusions has it all. Join us as we…

15 Best New Fonts, February 2024

Welcome to February’s roundup of the best new fonts for designers. This month’s compilation includes some innovative…

The 10 Best WordPress Quiz Plugins in 2024

Whether it’s boosting your organic search visibility or collecting data for targeted email marketing campaigns, a great…

20 Best New Websites, February 2024

It’s almost Valentine’s Day, so this latest collection is a billet-doux celebrating the best of the web this month.

Everything You Need to Know About Image Formats In 2024

Always trying to walk the tightrope between image quality and file size? Looking to branch out from JPGs and PNGs this…

The 10 Best Logos of 2023 - Ranked

From vintage aesthetics to innovative new color schemes, we’ve seen a lot of creative logo designs this year. In this…

Exciting New Tools for Designers, February 2024

2024 is well underway and shaping up to be an interesting year. So, to help you keep your focus on working hard and…

The Art of Engineering AI Prompts

In the rapidly evolving world of artificial intelligence, the ability to communicate effectively with AI tools has…

15 Best New Fonts, January 2024

In this month’s roundup of the best new fonts, we find a large number of vintage, retro, and revival typefaces. Is it…

5 Web Design Disasters That Will Ruin Your 2024

Welcome to 2024, where web design is as fast-paced as ever. You know how crucial a killer website is nowadays — your…

14 Best Free SEO Tools in 2024

There is an ongoing debate about whether design is more art or more science. SEO is 100% alchemy; if you know where to…

3 Essential Design Trends, January 2024

Forget the cold, the web design space is hot with plenty of new trends taking root in 2024. From amazing animations…