53
1 | Typography

Typography

Embed Size (px)

DESCRIPTION

Typography Process Book

Citation preview

Page 1: Typography

1

| Typography

Page 2: Typography

Typography Timeline | 3–10

Letter Spacing | 11–17

Letter Sequence | 18–19

Process Composition Semantics | 20–38

Form/Counterform | 39–43

Stationary System | 44–53

Table ofContents

Page 3: Typography

3

| The goal of this project was to

research and create a timeline

on the history of type design.

Special attention to serifs,

proportions, x-heights, and stroke

weights are highlighted in each

era. Parallel design movements

are also incorporated to show

type application in its time.

01

Page 4: Typography

4

TimelineHumanist Era

1470

Illumination of Eusebul’s De Evangelica PraeparationeUnknown ArtistBook by Nicolas Jenson, 1470

Illumination of Eusebul’s De Evangelica PraeparationeUnknown ArtistBook by Nicolas Jenson, 1470

Centaur has a low contrast between thick and think lines which leaves the page dark and heavy. Te letters are wide im comparison to their x-height. The oblique stress of the “o”, steeply angled serifs, also define Centaur.

Page 5: Typography

5

1540’s

Gros Canon TypefaceClaud Garamond, 1530

TimelineOld Face

Page 6: Typography

6

TimelineTransitional

1754

Oak Dresser with Cabriole LegsUnknown Artist, early 18th century

Old Testament Bibleprinted by John Baskerville

Page 7: Typography

7

1754

TimelineModern

Page 8: Typography

8

1754

TimelineSlab Serif

Page 9: Typography

9

1754

TimelineSans Serif

Page 10: Typography

10

TimelineFull

1470 1540’s 1754 1754 1754 1754

Illumination of Eusebul’s De Evangelica PraeparationeUnknown ArtistBook by Nicolas Jenson, 1470

Illumination of Eusebul’s De Evangelica PraeparationeUnknown ArtistBook by Nicolas Jenson, 1470

Centaur has a low contrast between thick and think lines which leaves the page dark and heavy. Te letters are wide im comparison to their x-height. The oblique stress of the “o”, steeply angled serifs, also define Centaur.

Corinthian Capital ElevationUnknown Artist, 1540-1560

Gros Canon TypefaceClaud Garamond, 1530

Oak Dresser with Cabriole LegsUnknown Artist, early 18th century

Old Testament Bibleprinted by John Baskerville

Page 11: Typography

11

The goal of this project was to

develop an eye for the spacing

within words. Becoming familiar

with optical letter space allowed

designers to produce the eye

pleasing pieces and allows the

word to act as an image. We were

assigned both upper and lower

case letters of serif and sans serif

fonts along with both black and

block out letters for the

upmost practice.

| 02

Page 12: Typography

12

Serif TypefaceAdobe Garamond, Regular

NEWBOYGNEWBOYG

newboygnewboyg

Page 13: Typography

13

Sans-SerifsGill Sans, Regular

NEWBOYGNEWBOYG

newboygnewboyg

Page 14: Typography

14

SerifsAdobeGaramond, Regular

CIRCA 1901CIRCA 1901

circa 1901circa 1901

Page 15: Typography

15

Sans-SerifsGill Sans, Regular

CIRCA 1901 CIRCA 1901

circa 1901circa 1901

Page 16: Typography

16

SerifsAdobe Garamond, Regular

BOXSVERTBOXSVERT

boxsvertboxsvert

Page 17: Typography

17

Sans-SerifsGill Sans, Regular

BOXSVERTBOXSVERT

boxsvertboxsvert

Page 18: Typography

18

The goal of this project was to

convey a sequence of events, to

impart action in a static medium,

to convey content through pacing

and context. Attention to pacing

of form to counter-form, scale,

and rotation were met trough a

total of 4 stages. I selected the

lowercase Clarendon g due to my

interest in its unique serif.

| 03

Page 19: Typography

19

Letter SequenceFinal Selection

Page 20: Typography

20

Through a series of defined

parameters, content is analyzed,

dissected and composed to

provide hierarchy and clarity

to facilitate and enhance

communication. A synthesis of

form and content is the aim to

expand the visual and verbal

semantic expression.

| 04

Page 21: Typography

21

Phase 1 | StudiesOne Size One Weight (12ptUnivers 55/ Reular)

Page 22: Typography

22

Phase 1 | SolutionOne Size One Weight (12pt Univers 55/ Regular)

Page 23: Typography

23

Phase 2 | StudiesOne Size Two Weights (12pt Univers 55/ Regular + Univers 75/ Black)

Page 24: Typography

24

Phase 2 | SolutionOne Size Two Weights (12pt Univers 55/ Regular + Univers 75/ Black)

Page 25: Typography

25

Phase 3 | StudiesTwo Sizes Two Weights (12 & 18 pt Univers 55/ Regular + 12 & 18 pt Univers 75/ Black)

Page 26: Typography

26

Phase 3 | SolutionTwo Sizes Two Weights (12 & 18 pt Univers 55/ Regular + 12 & 18 pt Univers 75/ Black)

Page 27: Typography

27

Phase 4 | StudiesThree Sizes Two Weights (12, 18, 48 pt)

Page 28: Typography

28

Phase 4 | SolutionThree Sizes Two Weights (12, 18, 48 pt)

Page 29: Typography

29

Phase 5 | StudiesFull Univers System (12, 18 & 48 pt)

Page 30: Typography

30

Phase 5 | SolutionFull Univers System (12, 18 & 48 pt)

Page 31: Typography

31

Phase 6 | StudiesFull Univers System (12, 18, and any additional larger sizes)

Page 32: Typography

32

Phase 6 | SolutionFull Univers System (12, 18, and any additional larger sizes)

Page 33: Typography

33

Phase 7 | StudiesFull Univers System (12, 18, and any additional larger sizes + grey values of text)

Page 34: Typography

34

Phase 7 | SolutionFull Univers System (12, 18, and any additional larger sizes + grey values of text)

Page 35: Typography

35

Phase 8 | StudiesFull Univers System (12, 18, and any additional larger sizes + grey values of text + transparency/multiply text)

Page 36: Typography

36

Phase 8 | SolutionFull Univers System (12, 18, and any additional larger sizes + grey values of text + transparency/multiply text)

Page 37: Typography

37

Phase 9 | StudiesFull Univers System (12, 18, and any additional larger sizes + grey values of text + transparency/multiply text + images)

Phase 9 | StudiesFull Univers System (12, 18, and any additional larger sizes + grey values of text + transparency/multiply text + images)

Page 38: Typography

38

Phase 9 | SolutionFull Univers System (12, 18, and any additional larger sizes + grey values of text + transparency/multiply text + images)

Phase 9 | StudiesFull Univers System (12, 18 & any additional larger sizes) + gray values of text + transparency/mulitply text)

MIL

LER’

S

Necessary Beauty

www.joyce

.org

Ticket

s: $25

Saturd

ay June

9, 201

2 8pm

The Joyce Theate

r 175 E

ighth

Ave

nue New York

City

Modern

Dance

Perform

ance

Page 39: Typography

39

The goal of this project was

to recognize the relationships

between the forms and

counterforms of the letters in the

Univers 65 family. Provided with

6 shapes, we placed the letters on

them in a way that emphasized

their, either contrasting, or

uniform qualities. Variation of size

and rotation were encouraged.

| 05

Page 40: Typography

40

Phase 1 | StudiesUnivers 55 (1 letterform/numeral + 1 shape)

Page 41: Typography

41

Phase 1 | StudiesUnivers 65 (1 letterform/numeral + 1 shape)

Page 42: Typography

42

Phase 2 | StudiesUnivers 65 (1-2 shapes + 2 letterforms,1-2 shapes + 2 numerals,1-2 shapes + letterform/numeral)

Page 43: Typography

43

Phase 1 | StudiesUnivers 55 (1 letterform/numeral + 1 shape)

Page 44: Typography

44

The objective of this assignment was

to gain experience in developing

a visual system in real-world

application. Through several phases,

a stationary system and specific

typographic usage is created. The final

logo selection from phase 5 is used

to create a consistency between a set

of stationary including a letterhead,

businesscard, and poster.

| 06

Page 45: Typography

45

Phase 1 | Stationery Concept A:6 concepts for the business cardletterhead and envelope

Page 46: Typography

46

Phase 1 | Stationery Concept B:6 concepts for the business cardletterhead and envelope

Page 47: Typography

47

Phase 1 | Stationery Concept C:6 concepts for the business cardletterhead and envelope

Page 48: Typography

48

Phase 1 | Stationery Concept D:6 concepts for the business cardletterhead and envelope

Page 49: Typography

49

Phase 1 | Stationery Concept E:6 concepts for the business cardletterhead and envelope

FOURDE CAFÉ

#: 614 603

1149 www.4DCafe.com

Page 50: Typography

50

Phase 1 | Stationery Concept F:6 concepts for the business cardletterhead and envelope

Page 51: Typography

51

Poster | Selectio/ Poster Selection:

FOURDE CAFÉ# 614 604 1149 | #2 614 941 1306 | [email protected] | www.4DCafe.com

Americano1/3 Espresso2/3 Hot Water

Cafe Mocha1/3 Espresso2/3 Steamed Milk+ Chocolate Syrup

Cafe Breve1/4 Espresso2/4 Half-And-Half>1/4 Milk Foam

Iced Coffee1 Coffee1 Ice

Macciato1/3 Espresso>1/3 Steamed Milk

Cafe Melange1 Coffee+ Whipped Cream

Frozen Cappuccino1/4 Coffee2/4 Milk1:1 Shaved Ice+ Whip/Syrup

Cappuccino1/3 Espresso1/3 Steamed Milk1/3 Milk Foam

Latte1/3 Espresso1/3 Steamed Milk

FOURDE CAFÉ# 614 604 1149 | #2 614 941 1306 | [email protected] | www.4DCafe.com

Americano1/3 Espresso2/3 Hot Water

Cafe Mocha1/3 Espresso2/3 Steamed Milk+ Chocolate Syrup

Cafe Breve1/4 Espresso2/4 Half-And-Half>1/4 Milk Foam

Iced Coffee1 Coffee1 Ice

Macciato1/3 Espresso>1/3 Steamed Milk

Cafe Melange1 Coffee+ Whipped Cream

Frozen Cappuccino1/4 Coffee2/4 Milk1:1 Shaved Ice+ Whip/Syrup

Cappuccino1/3 Espresso1/3 Steamed Milk1/3 Milk Foam

Latte1/3 Espresso1/3 Steamed Milk

Page 52: Typography

52

Phase 3 | Studies / Poster 2:

A TASTE OF HEAVEN

Page 53: Typography

53

Phase 3 | Studies | Poster 3:

F

FOURDE CAFÉOPEN MICWEDNESDAY, JANUARY 31

POETRY NIGHT WEDNESDAY, MARCH 14

COMEDY ROYALWEDNESDAY, JULY 18

CRAFT NIGHTWEDNESDAY, SEPTEMBER 28

KAREOKEWEDNESDAY, NOVEMBER 28

44 Poccilo St. | # 614 603 1149 | www.4DCafe.com

COFFE TASTE WEDNESDAY, MAY 6

F

FOURDE CAFÉOPEN MICWEDNESDAY, JANUARY 31

POETRY NIGHT WEDNESDAY, MARCH 14

COMEDY ROYALWEDNESDAY, JULY 18

CRAFT NIGHTWEDNESDAY, SEPTEMBER 28

KAREOKEWEDNESDAY, NOVEMBER 28

44 Poccilo St. | # 614 603 1149 | www.4DCafe.com

COFFE TASTE WEDNESDAY, MAY 6