Design Lecture Series

An iterative typographic visual system

Areas

Visual Communication
Graphic Design
Print Design
Typography

Timeline

Fall 2021 (3 weeks)

Tools

Illustrator

Overview

Focusing on the relationship between composition and meaning, use gradually increasing variables– type spacing, weight, variants, color, size and arrangement– to create an effective typographic system in two dimensions.

Considerations

  • Audience
  • Topic/Subject
  • Tone
  • Display Context
  • Information Hierarchy

For the graduate Visual Communication Fundamentals Studio at Carnegie Mellon School of Design. Adapted from a project by Dan Boyarski at the CMU School of Design and Ellen Lupton at the MICA graduate graphic design program.


Process

Initial Brainstorm

Thumbnails



Exploration 1

One typeface - One weight - One size - One style - Black & White

Exploration 2

One typeface - Two weights - One size - One style - Black & White

Exploration 3

One typeface - One weight - Two sizes - One style - Black & White

Exploration 4

One typeface - Two weights - Two sizes - One style - Black & White

Obejctive: maintaining vertical movement with horizontally opposing text

Exploration 5

One typeface - Unlimited weights - Unlimited sizes - Unlimited styles - Color

Exploration 6

One typeface - Unlimited weights - Unlimited sizes - Unlimited styles - Color - Shapes

Intention: eye-catching and bold while maintaining an artistic, slightly academic impression.

Final Layout - Four color variants

Creating vertical, cascading movement to lead the eye throughout. Refining background graphics.


Exploration 7

Any typeface - Unlimited weights - Unlimited sizes - Unlimited styles - Color - Shapes

Color, tracking, and placement iterations


Exploration 8

Finalize Composition

Finding *just* the right shade of blue. Tweaking type and spacing.

Apply across visual system

Final System

Adding depth and interest with layering. Playing with levels of increasing scale and negative space.

Click to navigate to the top
Other projects: 
LinkedIn link
Ann Li 2022