Ann Li

Hand-written name, "Ann Li"

Ann Li

is a multidisciplinary designer
driven by
storytelling, sense-making, and curiosity, exploring experiential narratives and creative tech

Best viewed on desktop

Ann Li

Neurobiologist-turned designer. Currently pursuing a Masters in Interaction Design at Carnegie Mellon University.

Work spans the digital and physical, including multisensory exhibits, creative direction and strategy, interactive installations, and user interfaces.

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
© 2023 Ann Li
LinkedIn link