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
1379
422
7 months ago 00:07:17 1
Retro Text Effect In Adobe Illustrator | Custom Typograp
7 months ago 00:07:23 1
How to create a flyer design is step By step Tutorial for Beginners.
7 months ago 00:17:20 1
Transforming Text and Masks into a Stunning 3D Strings #AudioVisualizer | #AfterEffects #Tutorial
7 months ago 00:25:56 1
🔥 Текст и типографика в Фигме: выравнивания, vertical trim Figma, список, абзацы. Фигма с нуля
7 months ago 00:03:36 1
Masterful Monogram Magic: Modern M Letter Logo Design in Illustrator || Illustrator Tutorial
7 months ago 00:01:43 1
Logo Design - Letter Logo Design Tutorial | Cosmetic Logo Design | Adobe Illustrator CC
7 months ago 00:02:27 1
typography B logo design how to make in adobe illustrator |graphic designer|#illustrator tutorial
7 months ago 00:10:52 10
Bad Print Title Animation | After Effects Tutorial
7 months ago 00:09:32 9
Kinetic Type Loop in After Effects | Tutorial
7 months ago 00:11:11 1
Transform Your Photos with Easy Photoshop Manipulation
7 months ago 00:01:28 1
Create Stunning Text Effects in Illustrator (4K)
7 months ago 00:12:35 1
Speed Lines Anime FX Background in After Effects | NoPlugin
7 months ago 00:10:15 1
After Effects Tutorial - Simple lower third animation - No plugins
7 months ago 00:06:17 1
Bad Flyer Re-Design I Graphic Design Tutorial
7 months ago 00:13:35 1
Adobe Illustrator | How to Make Trifold Brochure Design
7 months ago 00:16:30 1
Dynamic Text Animation Like Pixrate in After Effects
7 months ago 00:11:47 1
How to make Flyer Template Design in Adobe illustrator
7 months ago 00:05:28 1
Text Masking Effect | Photoshop Tutorial | Typography
7 months ago 00:09:10 1
ASCII Typography and Grayscale Shader | After Effects Tutorial
7 months ago 00:03:39 2
Adobe Illustrator Tutorial - How to Create Custom Neon Type Effects (Easy)
7 months ago 00:03:53 4
Adobe Illustrator Tutorial - How to Create Custom Wave Typography
7 months ago 00:06:16 12
Illustrator Tutorial - How to Create Paper Cutout Text Effect (HD)