Trucos de diseño para diseñar como locos

The art of text printing (Part Three)

As a final point to the review of the fonts I’ll end up talking in the third part of designing with typography.

The fonts should help facilitating the understanding of the message you wish to convey. Also the proper use of fonts must make the document attractive and organized.

Typographies offer plenty of career possibilities and artistic resources for designers. Knowing the basic characteristics of the fonts and how to make them work properly is a fundamental requirement when embarking on developing a design. However, before beginning to test and develop a library fonts for a particular design, you should gather as much information as possible about the design features, geographical location and time, so it will be easier to decide which fonts are most suitable.

Once we have made to the idea of what the project needs, it is time to start designing with them. I recommend you do a sketch first using the copy text and simple fonts. Once that you have the text it will be easier to start working on the design and types needed.

Relations between fonts can be defined in three ways: Concordant, conflicting and contrasting

A design, from the point of view of the typography, is concordant when the fonts used into it belong to the same family. Design produced from the same family sources is generally correct, but also, in many cases, can be boring, monotonous, devoid of style and interest. Confict happens when two or more fonts from different families, but with similar attributes (body, weight, color, etc …), are used together, therefore are not concordant but there is no contrast between them. Finally, the third type of relationship between typefaces is produced when combining different font styles or features that appeal to differing from each other by way of contrast.

The image below shows an example of the three relationships. As can be seen the first relationship is useful to highlight a word within a body of text, insert a drop cap, etc … but it would not be to attract significant attention. The second example shows two conflicting sources, or use one or the other but to put them together the effect is the same. The third demonstrates the correct way to combine two sources for attractive logos, banners or other items that need highlighting.

Adding contrast is the easiest way to avoid two conflicting sources. The principles to follow are these:

  • Typographical styles faces with very different properties: for example, sans serif with script or slab serif with decorative.
  • When designing a document the most appropriate number usually is 2. A single font and the document will be monochromatic and boring, more than two may it looks chaotic and disorganized.
  • If two typographies not seem different enough to attract attention is necessary to alter its characteristics so as to clearly differentiate them.
  • Once clarified what we need, it’s time to see how to get it. We can use six different features to add contrast to a text sizeweight, structure, shapedirection and color.

The first way, and perhaps most obvious, to add contrast is to increase the body of the text you wish to highlight. The body can be increased as desired while the readability of the text isn’t compromised.

Weight refers to the stain or horn type. It is usually very effective for organizing information and help text make reading more fluent. Most families offer different types of weights.

As I said earlier, different type styles usually contrast automatically. You can also achieve significantly altering the characteristics when using types of the same style.

Upper to lower case involves a contrast of form. Possibly the weakest way of contrasting types, for this reason should combine this kind of contrast with some other changes so as to accentuate the effect.

Combining a type that stains or take up much horizontal space with another that is high and narrow contrast provides direction. Do not be confused as a way of contrast with the spatial direction.

Coloring a few words is a simple way to differentiate them from the rest.By using this type of contrast is necessary to consider what colors are most appropriate for more references read the Color Theory post.

The most effective designs with typefaces are those that use two or more combinations of contrasts, it is not always a single type of contrast can solve a conflict between two types. The first step in resolving a conflict between fonts is to understand what features make the fonts look the same, and then alter those characteristics that are distinctly different.

This post it’s the end of my revision of fonts, characteristics, types and uses. I hope it will, at least it is not more than a mere summary, as an introduction to the complex world of typography. There are extensive and detailed documentation on the subject on the Internet and hundreds of books that are available.


The art of text printing (Part One) read here.

The art of text printing (Part Two) read here.



About mimoriarty

Diseñador gráfico multidisciplinar; me gustaría trabajar y compartir experiencias con diseñadores de todo el mundo

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s


This entry was posted on March 11, 2011 by in Conocimientos, multilanguaje and tagged , .

Top Rated

March 2011
« Feb   Apr »
%d bloggers like this: