Thursday, November 30, 2006

15 tips to choose a good text type

Many people have asked me which text type is best for a magazine, a newspaper, a poster, a newsletter, a publication, etc. In general, I tell them which to use, but I know that this is not the best answer, because they won't learn to do this by themselves.
Today, I want to take time to analyze how to choose correct text typography design in different cases. It is very important to understand that these tips are not final word, but they can be good help at the moment of choosing a text type. In any case, it depends on what do you want to convey with this type, because many times legibility is as important as the character of the type. Try to be very careful and take in account the following points:

1. The Letterform
The ‘ductus’ represents the framework of a type. It is very important. For legible text we need typographies with a simple ductus without complex details. Those details distract from the reading process and we need the reader to pay attention to the content and not the text.

2. The Weight
When we discuss the ‘weight’ of a type, we refer to a consistent relationship between the characters themselves, and the light of the page that flows around them. If you use a light version of a type for a lot of text, reading of this text will probably become tiring and nobody will want to read it.

3. The Contrast
The contrast refers to the thickness difference between vertical and horizontal strokes. The difference between the thicker and the thinner part of the character. Bodoni and Didot are very contrasted type designs. Try to read the photocopy of a photocopy of a photocopy of text layed out in Bodoni. You will probably see only vertical strokes. Good type design should be able to resist a lot of copies. It must be strong, solid, but not coarse.

4. The axis
In my view, the axis of a type design could affect reading. Vertical strokes prevail in a text type and if the axis is diagonal, the eye will have trouble following that line of text. If the type uses more than one axis, a line of text will appear as if dancing which makes is harder to read. If we use an orthogonal axis, the characters can't dance.

5. x height
The area between baseline and x height contains most of the readable information (75% of the lower case letters). It is a very important area at the moment of reading text. Long ascenders and descenders require a small x hight. If we compare two types of designs, one with long ascenders and the other with short ascenders, we can see that the x height of the second one will be larger, so it will obviously be more legible. Look up for the difference between Times New Roman and Mrs. Eaves.

6. Capital letters height
Older typefaces designs consider the same height for the ascenders and the capital letters. In any cases capitals are bigger… But the appearance of a word in upper case between lower caps is usually ugly. When I write the word ‘Garamond’ I feel the ‘G’ as a dinosaur and the ‘a’ as its prey…

7. Endings and details
When we use a font in a big size (for example in a poster), we enlarge everything. All the small details of the type design become evident, as well as the mistakes. A lot of typographies are badly drawn. As designers, we should not accept this.

8. Text and texture
A block of text looks like a texture from a distance. This texture must be uniform, without thicker characters or spots that could attract the attention.

9. Degree of the Counter Opening
In many type designs, the counters are too closed. It could cause legibility problems, because somebody could read 'o' instead of an 'c'. So, if the internal counter is too opened (as in Frutiger), it will start to mingle with the external counter, generating a lot of white (and it looks ugly).

10. The Fish Effect
This effect becomes evident when the internal counter is bigger than the space between characters. It looks very strange where round and straight characters join.

11. External counter
There are small details that make a text type design more legible. A carefully designed external counter leads to better text understanding. Think about the connection between the vertical stroke of the ‘n’ and its curve, or the difference between ‘rn’ and ‘m’.

12. Internal counter
A small eye in an ‘a’ or an ‘e’ character will probably disappear, especially in small type sizes. These are the most used characters in most of the languages, that is why this becomes a very big problem.

13. Is the set complete?
How many times do we note that the font we are using lacks a character? It always happens when our design is almost finished. Terrible! We must change the type and check out the complete text again. Many type designers don't design some characters such as ñ, written accents, tildes, points, commas or numbers… It is better to check the font out before using it.

14. The family
It is important to verify that the type family is plentiful, with variations in weight, black, whites and italics… Check out that the italic is as legible as the regular version. Sometimes they have a lot of rococo details.

15. Letter spacing
There are fonts with bad or non-existent letter spacing and obviously, they don't work well. A good designer will try to correct the letter spacing that he (she) considers bad, but it is too much work when all the spacing looks bad… There are software packages that can help, but it is not the same as good typographer work. Try to use fonts with correct letter spacing and metrics…

Thursday, November 02, 2006

Vector drawing mistakes

Some time ago, I wrote an article about vector drawing. A basic explanation, but very helpful.
A few hours ago I was looking through some files on my computer and I found a lot of archives that I compiled during my student days in order to help my friends with their vector drawing works.
Vector drawing is a kind of art… In order to understand vectors, I can propose the following analogy, “Paths are like ropes- we must tug on them, if we want them to take shape. Curiously, most of the vector drawing mistakes stem from the ignorance of this concept. Some people use the point handles like the steering wheel of their cars: it doesn’t matter how the car turns around, the aim is to simply turn the car.
Thus, it is very common to find the following vector drawing mistakes (you can click on the images to see them in real size).

1. Extra points
Few will notice the changes when we place extra points in a straight path segment (in a line). The new line may be a little mucky :it is not perfect, and we know that.
It is more complicated if we place an extra point in a curved path:
we will probably notice a little bump in the place of the curve where the point is. This is one of the most common vector drawing mistakes: we forget to take the extra points off from the curved paths. Often, these points are waste of a ‘remove overlap’ action. In any case, the result is the same: we get bad resolution.

2. Misplaced point
If you are making a path and using your handles in 90º or 180º (orthogonal), make sure where you place the points. A misplaced point generally makes dirty curves.

3. Imbalanced point
Maybe the most frequent mistake… if your points are perfectly placed in the extremes of the curves and the handles are in orthogonal position, then why do you still see a dirty curve??? This occurs because of an imbalanced point: In a curve, the points on the right side must be like a mirror of the points on the left side… You must place them at the extremes of the curve, but THOSE EXTREMES must be in the right place of the path.

4. Wrong point selection
Corner point, connector point, curve point… we already talked about them in the last post (‘Vector drawing’). It’s very important to choose the correct kind of point when you are drawing a path… Bad selection point=bad resolution.

5. Imbalanced handles
Handles must be in orthogonal position, but you must be careful about how long those handles are… If the line is a rope, the point is the tightrope walker and the handles are the stick. An imbalanced stick could make you fall down!

6. The handles are not in orthogonal position
Try to use the handles orthogonally, you will note that it will be easier to draw your paths and those paths will become perfect (or “better”).

7. Extra handles
If you have a terminal curve point, take the handles off. They are not necessary and you will note that the curve looks cleaner.

8. (Bonus track) Working with arcs
If you are not sure about the correct position of the handles, use the arc tool of your vector drawing program, this tool make perfect curves and it is very helpful.

Special thanks to our friend Konstantin Shishkin, for all of his help