What Should A New Designer Need to Know about Typography?

In the early days, hand-operating printers where used by designers which had to be operated manually. The manual printers had metal letters engrossed in a frame which when rolled in the ink pressed down onto a clean paper for printing.

This process of printing needed thousands of physical metal blocks each with a character representing typeface. Likewise, for printing a Garamond typeface, you would need different blocks of diverse size (like 10 points, 12 points, 14 points, and so on) and weight (like bold, light, medium).
A font is entirely different from typeface. It is a subset of blocks that are integrated with a distinct size and weight. Like Garamond typeface (bold) in 12 points is a different font than the Garamond typeface (normal) in 8 points. Also, Times New Roman of 24 points is a different font than the Times New Roman of 28 points.
Design Creates Culture. Culture Shapes Values. Values Determine The Future.
-Robert L. Peters
Typography was overlooked by web designers for over a very long time. Now, typography is gaining its part of importance in web design, advertising which is rising in digital culture.
Typography is widely become an integral part of communication, due to which dedicated and creative typographers have gained importance from back time.
Typography is a combination of art and technique together setting up the expression, theme, and message of a website. It involves a keen selection of typefaces, point’s size, line length, leading, tracking, kerning, and coloring with some thoughtful components that can alter the design.
Some Basic Indispensable Term Used in Typography for the Designer to Know
1. Leading:
The space between the baseline and the roof line where the text is written, is leading. Content is always written under the leading area, this promotes the text to look better and synchronized. Leading has benefitted people by being kinder to their eyes making the text clearer and legible for a longer period to read.
2. Kerning:
Kerning contributes towards the explicitly reading experience of the text. It is a technique to add spacing between each character during the designing type. This spacing includes change but in such a way that it looks natural.
3. Tracking:
Similar to kerning tracking is the space between the groups of letters. Tracking controls the density and readability of the text. It also helps eliminate widows and orphans occurring while making the type lines even.
  • Widow: The last line of the paragraph, all alone on the other side of a page break.
  • Orphan: Orphans on the other end is the single word or a short phrase that appears at the beginning of the paragraph when the paragraph ends.
  • Rags: Rags also play an important role in showing the content in a systematic form. Its purpose is to deliver the text evenly throughout the paragraph keeping the vertical margins align.
4. Hierarchy:
When writing content for your audience and you want them to read the title first followed by subtitles and paragraphs. So, you make the titles bigger and bolder. Adding the quotes in italics will put weight on the specific part of the content in between the paragraphs.
5. Optical Margin Alignment:
This trick is useful when you have to align the text border optically into the margins. Hung Punctuation or ex-dentationsis used to shift all the punctuations and bullet points into the margin so that the subsequent line aligns with the rest of the text.
To become a skilful designer, you would need these advanced skills to clearly communicate even complex messages effectively-
Dedicated professionals believe in creating their own typefaces in order to distribute them to the design and advertising professionals. People often mix the term typeface and font. But, the typeface is far away from the term font. You can relate the difference between a font and a typeface similar to a song and an album. Likewise, the bundle of songs make up an album similarly a group of font makes a typeface.
Why is it necessary to understand the Anatomy of a Typeface? It’s always easy to communicate when you start speaking the designer’s language.
Terms That Are Widely Spoken by the Designers in the World of Typography Will Definitely Help
1. Baseline: Is the line where the letter rests.
2. Cap height: Is the distance of the baseline to the top of the capital letter.
3. X-height:It’s the distance between the baseline and the cap height;generally, it’s the height of the body of a lower-case letter.
4. Bowl: The curved part of the character which encloses, like ‘d’, ‘o’, ‘b’, ‘D’, and ‘B’.
5. Serif: The short cross-line at the base and top of the letters, like ‘I’.
6. Descender: The extended part of a lowercase letter that falls below the baseline, like in the letter’s ‘p’, ‘q’, ‘j’, ‘g’, and ‘y’.
Terms That Are Widely Spoken
There Are Certain Terms Used In The Above Pictures:
1. Ligature: The stroke or the curve joining the adjacent letters.
2. Stem: The flat baseline of the letter where it rests.
3. Spine: The curvy part of the letter ‘s’, be it horizontal or vertical, is the spine of the letter body.
4. Ascender: The extended chunk of the letter above the mean line.
Defining Terms
Defining Terms Mentioned In The Above Image:
1. Crossbar: The bar that starts and extends from one side of a stroke to another side of the letter, like “B”, “A”.
2. Counter: The hollow space left in a letter, like “B”, “O” etc.
3. Final: The thin edge of a curved letter such as in the letter “e”, “c”.
4. Terminal: The slightest curve on specific letters, like the upper curve of the letter ‘f’ and the lower curve of the letter ‘j’.
5. Leg: A portion of the character extended and freed downward and attached from one end. Likewise, in the letter “k”.
6. Arm: Similar to leg an arm is linked from one end and extended, freed upwards. Likewise, in the letter “v”.
7. Ear: An accentuated point in the character, likewise in the word “g”.
8. Shoulder: A shoulder in a type represents the curve the bends down to form the letter. Likewise, in the curve in the letter “n”, “m,”, “h”.
9. Tail: The extended curved stroke of the letter “Q” is a tail in the type.

Post a Comment