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
1755
558
1 month ago 00:03:09 1
How to Make Easy Wavy Motion Blur Text in Photoshop
2 months ago 00:08:29 1
How to create black night flyer design in Adobe Photoshop 💫✨🤓
2 months ago 00:02:57 1
Trending Text Effect in Adobe Photoshop: 3D Pop Text Tutorial
2 months ago 00:09:15 1
How to create Moonlight night poster design 🔥🔥
2 months ago 00:01:51 7
Applying A Text Wrap in Adobe InDesign
2 months ago 00:11:37 17
Adding Warp Text Effect to Adobe InDesign Layout
2 months ago 00:10:32 26
Learn how to place text inside an object shape in Adobe InDesign
2 months ago 00:04:47 3
How to Animate Circle Gradients In After Effects
2 months ago 00:05:22 3
Create an Animated Background Patterns in After Effects
2 months ago 00:03:58 4
How to Animate Dotted Transition in After Effects
2 months ago 00:11:05 5
Make Hundreds of Color Palettes from 1 COLOR! - Design Tutorial
2 months ago 00:13:41 12
How to Apply a Color Palette to Your Design – Tutorial
2 months ago 00:11:34 26
Logo Design – How to Improve Your Letterforms
2 months ago 00:16:43 9
3D Text in Adobe Illustrator | 4 Easy Effects
2 months ago 00:02:52 14
Creating amazing realistic glass typography in Adobe Photoshop
2 months ago 00:04:53 15
Make the Best Cinematic Motion Graphics in After Effects
2 months ago 00:17:32 1
🔥 Типографика в Фигме: красная строка, кривые, текст по кругу, вариативный шрифт. Фигма с нуля
2 months ago 00:01:01 1
Fish typography effect | Short photoshop tutorial #adobe #shorts #graphicdesign #tranding
2 months ago 00:00:34 1
❤️☺️I Have Got Family
2 months ago 00:15:04 3
Learn How to Create a Letter-Half Tri-Fold Brochure in Adobe InDesign
2 months ago 00:25:10 5
Create a Corporate Brochure in Adobe InDesign
2 months ago 00:13:41 1
After Effects Tutorial - Typography Text Animation in After Effects
2 months ago 00:09:55 1
Design Sleek Line Style Letters in Affinity Designer ✏️✨ | Step-by-Step Tutorial #affinitydesigner
2 months ago 00:13:48 1
Ghost Text Effect | Text Reveal Animation in After Effects | Typography Tutorial