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 10 Best Monitors for Your PC Under $100 2 10 Best Spy Apps for iPhone in 2020 3 How To Choose The Best iPad Screen Protector (With 10 Recommendations) 4 10 Best Headsets for Video Chats and Conference Calls 5 10 Best Mechanical Keyboards to Type Faster

              Read Next

              Advertising
              Advertising
              Advertising

              Published on September 17, 2020

              10 Best Monitors for Your PC Under $100

              10 Best Monitors for Your PC Under $100

              Are you looking for the best monitor under $100?

              Whether you want it for your home office, editing photography, or gaming, you don’t need to spend big bucks on a display screen because a low budget one will certainly do the trick.[1]

              We can almost hear you having second thoughts about the picture quality, but you don’t have to worry at all.[2]

              Our list of the best monitors under $100 will be more than enough to cover you. Just go through it now, and you’ll find yourself a bargain.

              Why You Should Trust Us

              Our list incorporates some of the best low-budget monitors available in the market. Their efficiency and distinctive traits enable them to stand out from others.[3] The hand-picked ones below are incredibly slick and have a high refresh rate, fast response time, high resolution, and built-in speakers.

              1. Acer Ultra Thin Frame Monitor

                Our first affordable computer screen is Acer’s 21.5-inch ultra-thin frame monitor. It has a refresh rate of 75Hz using an HDMI port and offers a full HD widescreen display.

                Its brightness can be maxed out at 250 nits. It has a slight tilt angle ranging from -5 to 15, as well as Radeon free sync technology.

                Advertising

                Buy this computer monitor.

                2. Sceptre Ultra-Thin Display

                  Sceptre is another company that provides excellent displays for your CPU. The screen size is a little smaller at 20 inches, but it’s made up for the slightly lower price than Acer. It also comes with two HDMI ports and built-in speakers and is wall mount ready.

                  Buy this computer monitor.

                  3. ViewSonic LED Monitor

                  best monitor

                    If you want the best monitor to set up in your office or around the house, ViewSonic’s LED screen is another good option to buy. The resolution is full HD and has a broader tilt ranging from -5 to 23 degrees.

                    On top of that, the product comes with a 3-year warranty. Included in the bundle are a VGA cable, monitor, power cable, and audio cable.

                    Buy this computer monitor.

                    Advertising

                    4. ViewSonic Gaming Screen

                      While we just covered a ViewSonic monitor, this one is specifically built for gaming in mind.

                      Overall, this computer screen provides the same specs as the previously mentioned item. The key differences are that this one is slightly longer, comes with pre-set customizable visual modes, and offers a maxed out contrast, delivering a dynamic contrast ratio for sharp and crisp images. It also comes with a DVI cable.

                      Buy this computer monitor.

                      5. Asus Back Lit Monitor

                      best monitor

                        If you don’t mind spending a little more money, you can get an Asus Back Lit Monitor for your PC. A lot of the focus is on image quality, particularly having a strong contrast ratio and smart video technology for straight viewing. That feature also helps in reducing blue light since you’ll have more flexibility with the colors and brightness.

                        Buy this computer monitor.

                        6. Asus Back Lit Display

                        Advertising

                          Another alternative to the previous Asus monitor is this one. It has a smaller contrast ratio, though it still delivers a smooth video display. You also have aspect controls, so you can adjust its display.

                          Buy this computer monitor.

                          7. Dell Ultrasharp Panel Monitor

                          best monitor

                            If you’re looking for the basic features, look no further than Dell. There’s nothing particularly fancy about this panel screen, but it does the job well for any computer.

                            Its response time is 8ms, which is typical for a monitor. It can come in either silver or black.

                            Buy this computer monitor.

                            8. ViewSonic Frameless Monitor

                              If you liked ViewSonic’s LED monitor but wanted a little more features, we suggest looking at their frameless display. While it boasts similar specs as the brand’s other monitors, it offers color correction and dual built-in speakers, making it ideal for office and home use. It’s also 22 inches long.

                              Advertising

                              Buy this computer monitor.

                              9. Dell Mountable LED-Lit Monitor

                                For a dependable display with a good frame rate, Dell has a mountable, LED-lit monitor in the market. It measures 18.5 inches, has an adjustable arm, and has been through rigorous testing for long-lasting reliability. You can’t go wrong with this best monitor either.

                                Buy this computer monitor.

                                10. Sceptre Monitor

                                  The final screen to cover comes from Sceptre. Compared to the ultra-thin version mentioned above, this one is available in 22 inches. Beyond that, it’s your standard display that provides decent tilting at -5 to 15 degrees, wall-mounted capabilities, 5ms response time, and built-in speakers.

                                  Buy this computer monitor.

                                  Final Thoughts

                                  Finding one of the best monitors around can be tricky. If you’re looking for an affordable one that can last for years, consider picking a computer screen from this list.

                                  Featured photo credit: Sebastian Bednarek via unsplash.com

                                  Reference

                                  Read Next