Ann Li

Hand-written name, "Ann Li"

Ann Li

is a multidisciplinary interaction designer and researcher exploring experiential narratives and connective systems

Best viewed on desktop

Ann Li

Neurobiologist-turned designer driven by sense-making, systems thinking, and storytelling. Seeking full-time interaction, experience, or product design roles.

Work spans the digital and physical, including immersive experiences, functional user interfaces, and creative direction and strategy.

Design Lecture Series

An iterative typographic visual system

Role

Visual Communication
Graphic Design
Print Design
Typography

Context

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
Don't be a stranger
If you think I'd be a good fit for your project or team, let's connect.
© 2024 Ann Li
LinkedIn link