Design Diary: Let's Talk About Type!

Design Diary: Let's Talk About Type!

It has been said that 90% of design is typography. Have you heard this before? This means that no matter how balanced and beautiful a layout is and how perfect the color choices turn out, a design can still be completely defiled with inferior typography. As a photographer, you may find yourself from time to time in need of laying out a branding piece or two. Luckily, Design Aglow offers professionally designed templates for most needs, but if you find yourself wanting to re-purpose the layouts for a new promotional piece or client product, etc., it can be helpful to have a few typography tricks up your sleeve. I am a LOVER of typography! Although I do not claim to have mastered the complete depths of typography perfection, I have devoted a considerable amount of my time to trying and thus, have picked up some very good tips along the way. Here are some of what I consider to be the most useful tips for laying out good typography. 

1) Use tracking and kerning to give your type a more unique look. Tracking refers to the letter-spacing between a range of characters. You can adjust tracking to increase or decrease the overall spacing between all the letters in a word or group of words.  An overall adjustment made to the letter-spacing will do the trick for most good typefaces, but at times you may want to adjust the spacing specifically between two characters. This more specific adjustment is called kerning. Below is an example of type before and after kerning/tracking. 

To adjust the kerning or tracking in a program like Photoshop or InDesign, use the character palette as shown below. Make sure you are on the type layer or have highlighted the word or words you wish to adjust. 

This skill is often helpful for adding visual separation for larger type, headlines or subtext that you would like to call out out from the rest and often looks best in all-caps. Try playing around with this next time you are working with type and see how you like it. It can be a quick and easy way to make your layouts look more professional. (I should mention that it's not wise to do this with script fonts, they look better when the letters are connected.) 

2) Take care to adjust the leading for better readability. Have you ever noticed how nice the text looks when you are reading a book? Have you ever typed out a paragraph and thought it looked cramped or made your eyes go cross-eyed when you had to read more than two lines of it?  Enter leading to the rescue! Leading is the vertical distance between lines of type. A typography teacher of mine once told me that a good rule of thumb is to set your leading four points higher than your font size. I have used this rule pretty religiously ever since and have noticed that it gives blocks of text that book-like feel and lends itself to better readability.  (I should mention that this four point rule does not work for every font at every size, so use your better judgement and adjust accordingly. A good range for leading is usually anywhere from 2-5 points higher than your font size. Basically if your eyes hurt when you try to read it, go ahead and bump up that leading but don't space it out so much that you get lost finding the next line. Below is an example of a block of text before the leading has been adjusted and after. 

To adjust the leading in a program like Photoshop or InDesign, use the character palette as shown below. Make sure you are on the type layer or have highlighted the word or words you wish to adjust.

3) Using less fonts provides for a more cohesive design. Don't try to mix too many typefaces. A good rule of thumb is one to two (maybe three) fonts per layout is good, especially if you are just starting to play with typography. Most fonts have a variety of weights and styles so one really could do the trick for an entire layout, but if you are feeling daring, go ahead and choose a secondary font that does not have similar characteristics to your first. This way each typeface can maintain their own individual purpose and you can use them to create some sort of hierarchy in your layout. Something that generally works well is to mix a serif and a sans-serif font in a layout. This can add lots of dimension. Below shows an example of how using too many fonts can look cluttered and confusing. It also shows an example of two successfully combined fonts in a layout. 

These tips are not rocket-science and you may already inherently know much of it but just needed a reminder or a better explanation of the why and the how. Either way, I hope this helps you in your future projects. Having good typography skills are something that everyone can use at one point or another. It never hurts to make what you say look good!




Also in Design Aglow Blog

Capturing Timeless Maternity Photos with Keziah Kelsey
Capturing Timeless Maternity Photos with Keziah Kelsey

0 Comments

As a portrait photographer that specializes in Motherhood & Young Family, much of my work involves maternity imagery. I think this season of life is amazing and SO important to capture on film but lots of new moms couldn’t feel less into the idea!  I get so many moms pregnant with their second child telling me they wish they had just gone ahead and made maternities during their first pregnancy. They usually say they didn’t feel beautiful at the time, were so uncomfortable or just didn’t see a good reason to do it at the time but now have a lot of regret over missing out on those memories.

Read More

Congratulations to our Wedding Week 2017 Image Contest Winners!
Congratulations to our Wedding Week 2017 Image Contest Winners!

0 Comments

Design Aglow's Wedding Week 2017 has come to a close and we are thrilled to have received over 1000 entries in our inspiring image contest! Thank you to everyone who entered and made Wedding Week 2017 such a blast!

Our panel of judges have chosen the final winners based on originality, composition, and technique. See our three winners below, as well as some of our favorite images that deserve an honorable mention for making us swoon.

Read More

The 'Almost Perfect' Big Picture Planner
The 'Almost Perfect' Big Picture Planner

0 Comments

We’re having a huge sale on all of our almost perfect Big Picture Planners! Huzzah!

But wait. What does “almost perfect” mean? Well, these are the planners that have teeny tiny aesthetic defects. Don’t worry! They haven’t been totally wrecked, they just have small ink marks or scratches that occurred during transit to our office. You can see images of these small damages below.

Read More