VISUAL LAB
PROCESS BOOK
This book is an archive of studies, specimens, and sketches of personal research and formal textual studies.
This was achieved through rapid form-making with the intent of “thinking through making”.
Key Concepts and Discussions:
-- hierarchy, affordances/constraints, authorial intent;
-- type families, classification, characteristics of type; anatomy of a typeface; typesetting;
-- typographic tone, context, history/ies; selecting a typeface; display faces,
text faces, fonts versus typefaces, variable fonts;
Tools: Adobe InDesign, Photoshop, Miro, Cinema 4D, Adobe Fonts, Google Fonts
Role: Self-Directed
Media Design | Text Prototyping | Rapid Iterating
1
2
3
4
Typographic Scavenger Hunt
An exercise of place and space:
A typographic examination of my personal space(s) -- environmental, physical, digital.
road sign
instagram post
road sign
page from Matt Haig’s, Notes on a Nervous Planet
1
2
3
4
Typographic Scavenger Hunt
Reproduce / Create:
A reproduction of the specimens on the previous page with a typographic attention to detail
road sign
instagram post
road sign
page from Matt Haig’s, Notes on a Nervous Planet
1
Typesetting and Visual Weight
An exercise of working with scale:
Controlling visual weight through scale, weight, width, typeface, and typesetting
direction, weight
direction, weight, scale
direction, weight, repetition
weight, repetition, foreground, background
direction, scale, repetition
2
4
3
5
1
2
Typesetting and Visual Weight
An exercise of type treatments:
Different type treatments of the Hot Baby Phones dinner event
variation in weight + caps
variation in weight + italics + caps
variation in weight + small caps + lower case
3
1
Type_x_Image
An exercise of form making:
Translating an idea through type.
scale, weight
weight, bordering
weight, bordering
negative space, italics, variation of case
weight, direction
weight, direction, repetition
weight, direction
weight, direction, repetition
inverse, negative space, legibility
weight, direction, bordering
inverse, legibility, repetition
inverse, negative space, repetition
weight, negative space
2
3
4
5
6
7
8
9
10
11
12
13
1
Type_x_Image
An exercise of form making:
Translating an idea through image.
representational
representational
representational
sympathetic
sympathetic
representational
antithetical
antithetical
sympathetic
representational
sympathetic
2
3
4
5
6
7
8
9
10
11
1
2
Type_x_Image
An exercise of form making:
Translating an idea through type and image
text as primary
text as primary
image as primary
image as primary
hybrid
image as primary
3
4
5
6