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
Josef Müller Brockmann
Pioneer of Swiss Graphic Design
Typography Manual
@2017 Chris Do
_________________________________________________________________
Animation by:
Leo Dinh
Red Cat Motion
Music and sound design by:
Adam Sanborne
English closed captions provided by:
Mindy Fulcher
Director of Digital Innovations
_
Listen to our podcast on iTunes: The Futur
Android Stitcher
HOW TO SUPPORT THE FUTUR:
Use our Amazon Affiliate Link:
Buy useful design tools from Creative Market:
Get your business cards printed at Moo:
_
Connect with us online:
Connect with Chris Do:
Twitter
===
*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.
1 view
1754
557
3 weeks ago 00:13:41 1
After Effects Tutorial - Typography Text Animation in After Effects
4 weeks ago 00:09:55 1
Design Sleek Line Style Letters in Affinity Designer ✏️✨ | Step-by-Step Tutorial #affinitydesigner
4 weeks ago 00:13:48 1
Ghost Text Effect | Text Reveal Animation in After Effects | Typography Tutorial
4 weeks ago 00:10:33 1
Melting Glitch Typography Tutorial | Text Animation in After Effects
4 weeks ago 00:13:46 1
CRT Opener Tutorial | Text Animation in After Effects
4 weeks ago 00:13:10 1
Melted Text Effect Tutorial | Dripping Text Animation in After Effects
4 weeks ago 00:15:54 1
Printed Text Effect Tutorial | Print Text Animation in After Effects
4 weeks ago 00:13:51 1
VHS Text Animation | Time Displacement Typography Tutorial in After Effects
4 weeks ago 00:11:41 1
3D Text Pattern | Typography Animation in After Effects (Full Tutorial)
4 weeks ago 00:24:20 1
ASCII Text Effect | Text Animation in After Effects
4 weeks ago 00:02:58 1
Thermal Blurry Text Effect in Adobe Photoshop
1 month ago 00:06:02 8
After Effects Tutorial Trim path on text Typography Animation in After Effects Creative Animation
1 month ago 00:05:38 15
Make Hyper Realistic Motion Graphics in After Effects
1 month ago 00:09:26 1
Master Curved Text in Affinity Designer: Easy Guide for Stunning Designs#affinitydesigner
1 month ago 00:01:03 1
Unlock Hyperrealistic 3D Glass Text Effects with Adobe Firefly
1 month ago 00:08:06 9
Looping Text Animation in Adobe After Effects - After Effects Tutorial - No Plugins.
1 month ago 00:11:56 7
Creative Typography In Adobe After Effects - After Effects Tutorial - No Plugins.
1 month ago 00:15:34 13
Creative Looping Text Animation In Adobe After Effects - After Effects Tutorial - No Plugins.
1 month ago 00:16:27 1
Logo Design Basics with Affinity Designer: A Step-by-Step Guide
2 months ago 00:12:16 2
Typography Motion Graphics Animation in After Effects - After Effects Tutorial
2 months ago 00:14:02 1
Typography Motion Graphics Animation in After Effects - After Effects Tutorial | Kinetic Typography
2 months ago 00:05:28 22
Make Real 3D TYPOGRAPHY LOOPS in After Effects
2 months ago 00:16:32 4
Food Menu Promo Opener In After Effects | After Effects Tutorial | Effect For You
2 months ago 00:24:02 1
Product Advertising Promo In After Effects | After Effects Tutorial | Effect For You