Typography tips and tricks: Part Two

Type 2

Chances are you’re becoming familiar with your typeface collections and starting to apply exciting new type marriages to your designs.

It’s vital to remember that design is a deliberate discipline – which also means that type is placed with precision.

Continue to explore the wonderful world of typography and make your message pop with original typographic application. Here we show you some clever font duos to get your creative juices flowing!

01. Use contrasting styles

The application of contrasting type styles not only achieves hierarchy but ensures your text is legible and easily digestible by the viewer.

1

Create calmness within your design by applying strong tonal combinations. Combine black and white images as a background with a contrasting color for your type.

Use the positive and negative space in your image wisely – see how the horse’s head has been used to dictate the way the type wraps.

Extra Tip: Make sure your sub-heading corresponds with another graphic element for consistency.

02. Stack condensed typefaces

Condensed or ‘tall’ fonts are brilliant to use when you are limited for space, taking up nearly half the area of a regular font.

3

Use a tall typeface on a focal word. It will act as an anchor in your design and help support visual hierarchy. Don’t apply a condensed typeface to too much copy or it may create a sense of overcrowding.

Make metaphors in your designs! Apply fonts which shape similarly to the words they are spelling out like ‘Tower’ in Six Caps. This visually represents the towers through typography.

Extra tip – keep your rows of text the same distance (line height) apart to keep your lock-up compact and high impact.

03. Renaissance revival

Try using Roman style typefaces to get a bit of tradition back in your designs.

the stables (2)

This is a clever way to reference the past or to emphasize a traditional aspect of your design. Use a combination of letter spacing between your lines of information to create contrast between styles, highlighting specific words.

The jagged cut of the typeface IM Fell English Small Caps is a great title font to use as it’s strong character doesn’t apply as well to body text.

Extra Tip: Increase legibility by placing smaller text over a transparent banner.

04. Use lines and scale

Using your image to determine where to place your text is a clever way to get experimental with text.

4

Composition is essential – find shadows and highlights in your background to place your copy to achieve a dramatic effect. Applying a combination of light and bold typefaces is a great way to replace a space, while maintaining indifference.

Use a symbol representative of your content as a divider. See how the charcoal stroke has been placed the same width as the web address below it.

Extra Tip: Use letter spacing instead of increasing your type size to get a stacking effect without compromising hierarchy.

05. Big, bold and opaque

Using transparency to overlap type is an advanced tool that will create an advanced effect.

5

Note how layer order determines the colors created in the overlap sections of your type.  Move your layers back and forth to achieve the best duo impact (pink and blue=purple/blue and yellow=green).

Consider the placement of your text, ensuring that the baseline, legs and arms of your letters have some kind of alignment. Placing smaller text the same color as your background over the transparent type will form a ‘cut-out’ effect.

Extra Tip: Keep your design anchored by ensuring any sub text stretches out the same width as your title copy.

Enjoy using type techniques to create advanced design layouts. Remember, don’t be afraid to experiment. Using type effectively is all about using your creative genius!