Advertising
Advertising

How to Get Really Good at Typography in One Month

How to Get Really Good at Typography in One Month

Typography is the visual representation of the written word; though if it’s used effectively, it can also add meaning to what is being communicated. Good typography is more than just choosing a favorite font. It’s setting and arranging type in a way that is legible and pleasing for viewers.

With web and mobile being the dynamic force that it is today, there’s a great opportunity to explore more brand-forwarding typography. A company’s website is commonly the consumer’s place of interaction with the brand, so being able to have type function in multiple platforms is becoming increasingly important.

– Cristin Burton, Graphic Designer for Bigstock

bigstock-Block-letters-isolated-on-whit-17177627

    If you want to efficiently make typography one of your skills, without having to become an expert web designer, there are plenty of resources to help you master the art. Follow this guide that takes you through a weekly process of becoming a great typographer in one month.

    Week 1: Learning the Basics

    To use type effectively, you need to gain a firm understanding of the anatomy of letters and the way they interact with each other. This includes knowing the different parts of a letter and the way fonts are classified.

    Advertising

    Typefaces and Fonts
    First, you should understand what differentiates these two terms. A typeface is a set of distinct characters with varying weights, which ultimately make up a font family. A font is one set of character styles within the typeface. Basically, a font is a particular size, weight, and style of a typeface, while a typeface is a range of fonts that share an overarching design.

    Typeface Styles
    Typefaces are classified into different style categories to help define what they’re best used for. The most common and basic classification is serif and sans serif. A serif is the small stroke that stems off of the ends of letters, and a sans serif font does not have these strokes. Sans serif fonts are usually easiest for web reading, and serifs are great for titles or making bold statements.

    pic1typo

      Structure of a Letter
      The variations in the parts of letters are what make up different styles of fonts. Each font has its own set of unique shapes and sizes of parts. Some of the main pieces you should know are:

      • X-height: The height of a lowercase x, or the height of any lowercase letter excluding the ascender and descender.
      • Baseline: The imaginary line that a set of characters sit on to help create uniformity and legibility.
      • Ascender: The part of a letter that extends above the x-height.
      • Descender: The part of a letter that descends below the baseline.
      • Counter: The enclosed spaces within letters.

      pictypo2

        Resources
        These lessons and tutorials will help you gain a deeper understanding of the basics of type.

        Advertising

        Week 2: Combining and Modifying Typefaces

        Anyone can simply choose a font that seems to suit a particular project. But if you want to really add meaning to your project and customize a font style to optimize its effectiveness, you need to learn techniques for combining and manually adjusting different styles.

        Combining Typefaces
        Combining typefaces can add depth and interest to your project that keeps your viewer’s attention and keeps the eye moving. There are certain principles that need to be considered when putting these combinations together to ensure a unified and complementary style.

        Contrast: Your chosen typefaces need to be unique enough to be recognizably different, yet not so different that their styles clash. You can find this balance by making variations to weight, size, structure and color.

        pictypo3

          Hierarchy: Besides the actual style of your typefaces, you can create contrast by establishing a visual hierarchy that helps guide the viewer’s eye.

          pictypo4
            Advertising

            Modifying Typefaces
            Each font has a built-in space setting to establish its structure. However, sometimes the spacing isn’t right for a certain layout. You can fix this by adjusting these spaces, known as leading, kerning and tracking. Leading refers to the distance between baselines in a block of copy, kerning is the space between two specific letters and tracking is the uniform spacing between all letters in a text. By slightly changing these settings, you can make your layout more legible, aesthetically pleasing and meaningful.

            Resources

            Week 3: Layout

            Even if you’re putting together a simple, text-based document, intentional layout can mean the difference between readers digesting the entire content, and moving on to something more interesting. Variations in fonts and font styles, white space and proper leading, kerning and tracking all contribute to an aesthetically pleasing project.

            Grids: A helpful way to develop a solid layout is to use a grid system, which enables you to find consistency in spacing and alignment. InDesign has a great grid feature that is easy to use and prime for laying out and customizing type.

            pictypo5

              Resources

              Advertising

              Week 4: Getting Creative and Using Visual Hierarchy

              As you advance in your typography skills, you can begin to experiment with more unique and creative layouts, and even customize your own lettering. Once you’ve gotten a grasp on how to create a solid layout, you can begin to experiment with different ways to make a visual hierarchy that keeps readers’ interest.

              Hierarchy: Keep your target audience in mind when testing different layouts and typefaces, and consider whether your solution meets their needs and expectations. For example, it might not be most effective to use a highly decorative font for a project that is meant to portray a trustworthy and professional brand. Use what you’ve learned about combining typefaces to create different hierarchies.

              Lettering: If you’re especially ambitious in your journey to become good at typography, consider trying your hand at lettering. This is “the art of drawing letters,” though it can also all be done on the computer (usually in Adobe Illustrator).

              Resources

              You’re Ready!

              Now that you have your typography lessons planned out, you’re ready to get started! By the end of the month, you’ll be well on your way to becoming an expert typographer, making all of your projects easier and more effective in communicating to audiences.

              More by this author

              How to Encourage Youthful Entrepreneurship Parenting Advice You Really Should (and Shouldn’t) Follow How to Protect Your Privacy on Your Mobile Devices How to Increase Your Chances of Smiling During the Day How To Sell More On Etsy

              Trending in Technology

              1 Can Technology have Biases Like Humans? 2 15 Great Macbook Accessories To Improve Productivity 3 7 Best Outdoor Security Cameras For Better Home Security 4 10 Best VPNs to Browse the Internet More Securely 5 10 Best Monitors for Your PC Under $100

              Read Next

              Advertising
              Advertising
              Advertising

              Last Updated on December 18, 2020

              Can Technology have Biases Like Humans?

              Can Technology have Biases Like Humans?

              Technology has taken a vantage leap in providing solutions for man. Before now, technology used to appear complex and would require a great deal of expertise to handle solutions available. Today, we have technology applicable in the simplest human activities as smart products with intelligent algorithms powering them as they make error-free judgments and provide intelligent and analytic solutions.

              Does technology have all the answers?

              This article from Credit Suisse, tells us that technology does not have all the answers because it has been found to exhibit “similar biases,” as humans. No one can discredit the impact of technology, but it is not totally free of human input and this is the reason we experience these biases in many areas we have technology holding foot.

              Advertising

              Creating technological solutions transparently

              This article suggests that the process of creating technological solutions be made transparent and subject to contribution from many people who would end up as users of the product – male, female, young, old, learned, unlearned and all other preferences as we have them. It also underscores the importance of having women on product development teams. This approach is not sure to eliminate all forms of bias, but it is a good way to start in order to appraise the full benefits of technology.

              Advertising

              Technology as the connecting tool

              Technology so far has been a major connecting tool amongst us humans. It is used and appreciated by all regardless of race, language and sex. In order to keep it less subjective to these arguments about human biases. I believe we should gather opinions on products and solutions before making them available to the public. This could be done by gathering input from intended target users and receiving feedback across the stages of production.

              Advertising

              “Recognizing the problem is a start…success will depend on inclusive technologies that meet this vast untapped market.” This cannot be more apt especially at a time when we look up to technology for solutions. We should not muzzle our progress with technology by battling algorithm bias. The first way to avoid this battle is by reading this article here.

              Advertising

              Read Next