Skip to main content
Mostly my presentation in the first learning summary had a lot of the information I had researched. But I am placing more of my research here, as well as my work in progress. There might be more later that I will go in and add. 



Leading
Kerning
Tracking
Works on vertical space between lines
Works only on specific letter pairs (Two at a time)
Works on ranges of characters, even whole documents.

Targeted
Generalized

It adjusts the spaces between specific letter pairs to adjust irregularity in spacing

It uniformly affects the spacing between all the characters in a range of text.

Types of Kerning:
Auto (Metric)
Optical
Manual
Letterspacing as a whole
Adjusts the spacing to all letters



Metric Kerning
Metric or auto kerning is software defined. The designer has the least control over letters when using metric or auto kerning and the result can sometimes cause odd shapes between letter pairs, such as creating too little space in one instance and too much somewhere else within the same word or phrase.
  • Metric kerning is also known as “auto” kerning
  • The default kerning setting in adobe suite
  • Built into the kerning table of a font
  • The kerning table assigns values to common problem kerning pairs, such as LA, WA, WE
  • Though this is helpful, always go back and manually adjust anything that looks out of place… The programs aren't as smart as you think!
Optical Kerning
Discards settings, re-spacing and re-kerning the type according to an algorithm. It uses the shapes of letters to determine what space will appear between them. Optical kerning has some level of control to it but will not space letters as precisely as doing it by hand. This can be a great option though when mix-and-matching different fonts in letter pairs.
  • Also built into a font
  • Uses an algorithm that calculates the space between letters
  • It uses the shapes of letters to determine what space will appear between them
  • Perfect for sections of text that use different typefaces or fonts, as well as different sizes
  • Fixes the spacial issues of italicized text next to regular

Manual Kerning
Pretty straight forward
  • Kerning done by hand
  • Anything over 12pt font should be manually kerned
  • Typically anything under 12 point font is safe from manual kerning, like books
  • Manual kerning will be most important for large, highly visible text like typographic logos or headlines
 

GUA-01.jpg

Here I made a poster showing the difference between Manual and Optical kerning. At first there doesn't seem like there is that much of a difference, but placing them on top of each other shows the major difference.



Kerning Tips:

  • Kern in three-letter blocks by highlighting or coloring three letters at a time. This way you can compare spacing one pair at a time.
  • Blow it up. Double the point size of your type so you can really see the space. Is it bothersome? Kern it.
  • Opt for a combination of upper- and lower-case letters. Caps pairs are some of the worst kerning offenders.


Lettering: The shapes of some letters can make them hard to kern. Some letters that don't kern as well as others within a word
• Slanted letters: A, K, V, W, Y
• Letter combos: W or V + A (any order); T or F + a lowercase vowel

Here I made two versions of this poster that shows the specific points of these letter pairs







Choose your typeface early on: This also ties into waiting to Kern last. Each typeface is different, and needs it's own attentions to detail. Constantly changing typeface changes the feel and look of the whole design.

Point size: The size you set your font at will influence your kerning.If you set a headline at 48 pt., kern it, and then later need to change it to 24 pt., your careful kerning work will likely be undone.
For that reason, it’s a good idea to kern after you’ve settled on the size of your type. Or, if you’re working on something like a logo that will appear in print at one size on a business card and at another larger size on a t-shirt, kern those separately.
Two Versions: Especially when working with clients, its good to supply two versions of kerning, one large and more spaced out, and then a smaller logo with tighter kerning

Over­-kerning: As a general rule of thumb, you can get away with tighter kerning at larger sizes, but letters can look closer together at smaller sizes, so looser kerning may be required.

Text that is tightly spaced can be hard to read, especially at small sizes. Another negative side effect of under-­kerning is that letters can be so close that they touch, which sometimes creates a whole other letter (or word!). (r+n = m)
Flip it: Another useful exercise for kerning is to turn the typeface upside-down. This allows you to focus on the form of the characters rather than getting distracted by the actual word being viewed. Upside-down text becomes more abstract and enables you to focus on lights (white space) and dark (the characters) areas.
Box it: Place boxes around each letter, touching each edge of the letter. Then see how the boxes relate to each other

Know when to kern:
Large blocks of copy don’t need (manual) kerning because:
  • Any kerning problems won’t be visible at typical body copy sizes like 10, 11, or 12 points.
  • Many fonts, especially high­-quality ones, come with hundreds or even thousands of “kern pairs” built in. Most of the time, these custom-­kerned pairs will take into account a unique typeface letter.
  • Going through a page full of text and kerning letters pair by pair would take hours (aint nobody got time for that).
  • Every font is different, so the kerning you apply to one font can’t necessarily be mixed-and-matched with another one. Fonts can also change personalities depending on what other fonts they’re paired with. You might have a perfectly kerned font for your headline text, but change the font for your subtitle, and suddenly that perfectly kerned headline no longer looks so perfect. That’s why it’s important to plan out all of the fonts your design will include.

Current work in progress: Posters



This is one of the designs that I shrunk down to show how important it is to create two versions of a design, rather than just shrinking it. 






The one on the bottom is my progress in making the logo smaller for business cards, I took out the texture because going that small made it look too messy, and I would want the viewer to be able to read it as well. 

Comments

Popular posts from this blog

Modes of Persuasion

Notes on Video 350 BCE Aristotle organized his Modes of Persuasion into three different categories that would help made things more appealing to audiences: “Of the modes of persuasion furnished by the spoken work there are three kinds  : Ethos - Persuasion is achieved by the speaker’s personal character when the speech is so spoken as to make us think him credible Pathos - Secondly, persuasion may come through the hearers, when he speech stirs their emotions Logos - Persuasion is effected through the speech itself when we have proved a truth or an apparent truth by means of the persuasive arguments suitable to the case in question.” Ethos: An Ethical Appeal Greek for “ character” - Persuading based of the character of the author Does the author have credibility? Establishing credibility, respectability, likeability, reputation, message quality. In Graphic Design: Maintaining credibility through the use of messages. Celebrities can help sustain an...

Gestalt: Final

This post is going to be combining a few different class days in Visual Communication I. Wednesday 9/7 : We toured the Print Shop and got our information to print our final version of our Visual Order: Gestalt books. I did not get a desk crit with Emmy that day. Monday 9/12:  I was absent this day with a doctor's note, but I sent my mockup to Emmy, while others brought their printed mockups to class for group critiques. Wednesday 9/14:  This day we started our new project Monday Prototyping, which has it's own blog post. For Gestalt, I wanted to make this note to place the feedback I got on my mockup. Tyler Make body text lowercase. Words in capital letters have the same shape (a rectangle) so, they’re harder to distinguish Rethink horizontal lines, everything is already distinguishable in their own space Rethink border around both left and right side How to make everything more related First few pages have block behind text, but not the rest Emmy Too s...

Semiotics Learning Summary

I chose Factory Farming as my social issue for our lesson in semiotics. Our first assignment was to collect statistics and figure out our representations. This is on another blog post but I will place it again below: Social Issue: Factory Farms Iconic Representation: Animals, cages, bars, overcrowding Statistics:  1. A typical supermarket chicken today contains more than twice the fat, and about a third less protein than 40 years ago 2. Hog, chicken and cattle waste has polluted 35,000 miles of rivers in 22 states and contaminated groundwater in 17 states. 3. Egg-laying hens are sometimes starved for up to 14 days, exposed to changing light patterns and given no water in order to shock their bodies into molting. It’s common for 5% to 10% of hens to die during the forced molting process. 4. According to one study, 65 percent of all hogs tested had pneumonia-like lesions on their lungs. Researchers believe this is due to ammonia and other gases released f...