Layouts for Lettering: Hierarchy, Composition, and Type Systems | Jon Contino | Skillshare

Layouts for Lettering: Hierarchy, Composition, and Type Systems skillshare originals badge

Jon Contino, Creative Director

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
13 Lessons (1h 24m)
    • 1. Trailer

    • 2. History: Illuminated Manuscripts, Art Nouveau, & Newspapers

    • 3. History: The 20th Century

    • 4. Hierarchy & Shapes: Thumbnailing

    • 5. Hierarchy & Shapes: Thumbnailing (Continued) & Laying Out Shapes

    • 6. Hierarchy & Shapes: Layout Exercise

    • 7. Type Systems: Queston #1

    • 8. Type Systems: Question #2

    • 9. Type Systems: Question #3

    • 10. Type Systems: Question #4

    • 11. Type Systems: Question #4 Continued

    • 12. Integrating Type with Image

    • 13. Explore Design on Skillshare

33 students are watching this class

About This Class


When creating lettering for a product or specific output, you must carefully consider images, illustrations, and negative space to communicate an idea in a defined area. This means that the layout is often more important than the letter work itself. Whether you are a freelance designer or simply hand letter as a hobby, taking your word forms and incorporating them into a practical layout is an incredibly valuable tool for your creative arsenal.


I have been fortunate to work on countless projects requiring a plethora of layouts, both with other brands and my own endeavors. From clothing to signs to sports equipment, each platform presents new challenges, but the underlying principles of hierarchy, composition, and communication remain the same. I am looking forward to sharing these lessons so your own lettering style can flourish on a multitude of platforms.


What You’ll Learn

We will go through ways to apply your lettering skills to a variety of outputs, using simple layouts to achieve beautiful results. Please note that we will NOT be going over how to hand letter. (There are plenty of other awesome Skillshare classes for that!) We’ll cover:

  • A History of Layouts. Important takeaways in poster, packaging, and advertising design from previous generations and today.
  • Hierarchy and Spatial Design. How to establish order and value when communicating written words, and how to use thumbnail sketches and shapes to create a map for your lettering placement.
  • Type Systems. Figuring out which typefaces work well together to support your lettering and communication goals.  
  • Integrating Type with Image. How to use hierarchy and spatial design to find a balance between photo, illustration, and type.

What You’ll Make

In this class you will hone your layout skills by creating compositional frameworks to support your lettering, including type and images. Each project step will help you think critically and systematically about all elements in your cohesive layout design. Have some fun with this!