Typography Tutorial – 10 rules to help you rule type

Graphic Design Tutorial: 10 Typography rules to help you improve your type skills. Get better at graphic design by understanding how to use type. Improve your layouts instantly by following these 10 easy to follow rules.

How can you quickly apply typographic rules to regain control of your layouts by following these 10 golden rules of typography? These rules are distilled down from the things that I learned by going to Art Center College of Design.

Generally speaking, there are two types of typography– expressive typography (type is visual, carries the meaning of the word and sometimes appears as physical shapes) and functional typography (type that is meant to be read). I will focus on the latter.

When starting out, it is best to learn the fundamentals of good design: hierarchy (primary, secondary and tierchiary reads), flow (how a person “reads” the layout by following the movement of their attention), legibility (in Western culture, type is read top to bottom, left to right so it’s important to arrange type accordingly), grouping (organizing blocks of type in intelligent and logical groups) and interest, achieved through contrast (scale, texture, color, density, negative space).

Use any typeface you like as long as it’s one of the following: Akzidenz Grotesque, Avenir, Avant Garde, Bell Gothic, Bodoni, Bembo, Caslon, Clarendon, Courier, Din Mittelschrift, Franklin Gothic, Frutiger, Futura, Garamond, Gill Sans, Gotham, Helvetica, Letter Gothic, Memphis, Meta, OCRB, Rockwell, Sabon, Trade Gothic, Trajan and Univers.
_________________________________________________________________
Great books to learn more about typography:

Stop Stealing Sheep & Find Out How Type Works
by Erik Spiekermann
http://amzn.to/2iNXwC8

Josef Müller Brockmann
Pioneer of Swiss Graphic Design
http://amzn.to/2k7o5Yb

Typography Manual
@2017 Chris Do

https://blind.com/blog/typography-manual/
_________________________________________________________________
Animation by:
Leo Dinh
Red Cat Motion
http://redcatmotion.com

Music and sound design by:
Adam Sanborne
http://adamsanborne.com

English closed captions provided by:
Mindy Fulcher
Director of Digital Innovations
_
Listen to our podcast on iTunes: The Futur
https://itunes.apple.com/us/podcast/the-futur/id1152604340?mt=2
Android Stitcher
http://www.stitcher.com/podcast/aaron/the-futur

HOW TO SUPPORT THE FUTUR:
https://thefutur.com/pro-group
Use our Amazon Affiliate Link:
http://astore.amazon.com/chrisdo-20

Buy useful design tools from Creative Market:
https://creativemarket.com/?u=ChrisDo

Get your business cards printed at Moo:
http://www.moo.com/share/qn6x98

_
Connect with us online:
http://thefuturishere.com
https://www.facebook.com/theFuturisHere/
https://twitter.com/thefuturishere

Connect with Chris Do:
https://twitter.com/theChrisDo Twitter
https://www.facebook.com/BizOfDesign
https://www.instagram.com/thechrisdo

===
*By making a purchase through any of our affiliate links, we receive a very small commission at no extra cost to you. This helps us on our mission to provide quality education to you. Thank you.

Leave a Reply

Your email address will not be published. Required fields are marked *