fbpx
WE CREATE BRANDS PEOPLE L♥VE
Share

Typography Manual vol. 1


Tegra - January 11, 2020 - 0 comments

Typography Manual vol. 1

Typography Manual vol. 1 🔥

Courtesy of @thechrisdo

Typography is thoughts made visible.

Functional typography is different from expressive typography in that the goal is about legibility, functionality and interest. How do you make something easy to read while drawing in the viewer? That’s the challenge.

To be a good designer, you must learn how to use type. Here are my top rules to help you rule typography.

Of course, once you master the fundamentals, break all the rules with the confidence of knowing how to make your layout work.

Flush Left  When in doubt, set your type flush left, rag right. Why? In Western culture people read from top to bottom, left to right. By justifying type left, the eye is able to find the edge, and read copy much more easily. Avoid indenting the first line of a paragraph for the same reason.

Flush Left

When in doubt, set your type flush left, rag right. Why? In Western culture people read from top to bottom, left to right. By justifying type left, the eye is able to find the edge, and read copy much more easily. Avoid indenting the first line of a paragraph for the same reason.

Use One Typeface  Using two typefaces successfully within a layout requires an understanding of the chosen faces in order to be confident that they are complementary. In general, avoid using two typefaces of the same classification. For example, do not use two sans serif, serif, slab serif or script faces together. The reason—contrast. 
Stay with one typeface until you have achieved mastery.

Use One Typeface

Using two typefaces successfully within a layout requires an understanding of the chosen faces in order to be confident that they are complementary. In general, avoid using two typefaces of the same classification. For example, do not use two sans serif, serif, slab serif or script faces together. The reason—contrast.
Stay with one typeface until you have achieved mastery.

Skip A Weight  Go from light to bold, or from medium to extra bold when changing font weights. The key to great design is contrast. Slight changes in weight change make it harder for the audience to notice the difference. 
Try mixing bold for the headline and light for the body copy for greater contrast. 
Light/Bold

Skip A Weight

Go from light to bold, or from medium to extra bold when changing font weights. The key to great design is contrast. Slight changes in weight change make it harder for the audience to notice the difference.
Try mixing bold for the headline and light for the body copy for greater contrast.
Light/Bold

Double Point Size  A good rule of thumb when changing point sizes, is to double or half the point size you are using. For example, if you are using 30 pt. type for the headline, use 15 pt. type for the body copy. For other uses try 3x or 4x the point size for something more dramatic.

Double Point Size

A good rule of thumb when changing point sizes, is to double or half the point size you are using. For example, if you are using 30 pt. type for the headline, use 15 pt. type for the body copy. For other uses try 3x or 4x the point size for something more dramatic.

Align To One Axis  Build your type along one primary axis, and align elements to this grid line. For a vertical axis, align the left edge of your type. For horizontal axis, align type on the baseline vs. the cap height.

Align To One Axis

Build your type along one primary axis, and align elements to this grid line. For a vertical axis, align the left edge of your type. For horizontal axis, align type on the baseline vs. the cap height.

Pick Any Typeface  Use any typeface you like as long as its one of the following: Akzidenz Grotesk, Avenir, Avant Garde, Baskerville, Bembo, Bauer Bodoni, Bookman, Caslon, Century, Clarendon, Courier, DIN, Franklin Gothic, Frutiger, Futura, Garamond, Gil Sans, Gotham, Helvetica, Letter Gothic, Memphis, Meta, Mrs. Eaves, OCRB, Rockwell, Trade Gothic, Trajan or Univers.

Pick Any Typeface

Use any typeface you like as long as its one of the following: Akzidenz Grotesk, Avenir, Avant Garde, Baskerville, Bembo, Bauer Bodoni, Bookman, Caslon, Century, Clarendon, Courier, DIN, Franklin Gothic, Frutiger, Futura, Garamond, Gil Sans, Gotham, Helvetica, Letter Gothic, Memphis, Meta, Mrs. Eaves, OCRB, Rockwell, Trade Gothic, Trajan or Univers.

Group By Using Rules/Shapes  Use rules/lines to group related blocks of information. This will also make dissimilar objects appear more orderly.

Group By Using Rules/Shapes

Use rules/lines to group related blocks of information. This will also make dissimilar objects appear more orderly.

Bonus — 4 tools that may be useful in your designer way:

Crello — the simplest online image editor. A simple but powerful tool to create awesome designs for any social media format — posts, covers, graphics, and posters using the best software on the web. It’s easy! A lot of animated designs.
Webflow — all-in-one web design tool that allows users to design, build, and launch responsive websites visually.
Funnelytics — an incredible tool that helps you build the best marketing funnel mapping.
Flowkit — allows designers to create frighteningly fast user flows within Sketch and Figma.

Be free to send us any feedback by reply or reach us in DM on Instagram
Do you want to receive insights using FB Messenger or Telegram or Email? 👈 Subscribe now.

Related posts

Post a Comment

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