a5 process book 2010

52
TYPOGRAPHY&CONTEXT PROCESS BOOK

Upload: hallan-moulin

Post on 13-Mar-2016

216 views

Category:

Documents


0 download

DESCRIPTION

A5 Process Book for Typography and Context - BillyBlue College of Design - Second Semester 2010

TRANSCRIPT

Page 1: A5 Process Book 2010

TYPOGRAPHY&CONTEXT

PROCESS BOOK

Page 2: A5 Process Book 2010
Page 3: A5 Process Book 2010

HELLO

THERE

Typographic Self Portraits & Logos

Asessment 01

04

Giants of Typography

Assessment 02

18

Letters in the Environment

Assessment 03

34

ProcessBook`s Process

Assessment 04

Bibliography

42

50

I`m Hallan and this is the contents of my process book for Typography & Context 2010

Page 4: A5 Process Book 2010

Pictures of In class feedback for Typographic Self Portraits

Page 5: A5 Process Book 2010

Typographic Self

Portraits & LogosYou are asked to design a set of typographic self-portraits

& a set of publisher’s logos.

Page 6: A5 Process Book 2010

6

POINT

THE

I basically jumped into session

two in the middle of it and

almost at the end of the first

assessment. Although I had

a two weeks extension, I

decided I could do it during

class, so I wouldn`t be late for

other assessments.

It`s such a great experience

coming to a new country and

starting college so quickly

that it don`t have time to

feel home sick.

Page 7: A5 Process Book 2010

7

Typographic Self Portraits & Logos

LOGO

CATEGORIESA Logo always sits within one of the following five categories:

A freestanding acronym or name that

has been designed to convey an

attribute or attitude.

A unique design using one or more

letterforms that act as a mnemonic device.

A mark in which the name is nextricably

linked to a pictorial element.

An immediately recognisable literal image

that has been simplified and stylised.

WORDMARK

LETTERFORM

EMBLEM

PICTORIAL MARK

A symbol that conveys a big idea.SYMBOLIC MARK

Page 8: A5 Process Book 2010

8

Page 9: A5 Process Book 2010

9

Typographic Self Portraits & Logos

SelfPortrait

USINGTYPEWorking with type, we had to develop a character showing ourselves as

a typeface. I had no idea where to go when I started, and then I realised

I could do it with simple and basic type glyphs and letters. After all, the

best design is simple.

Doing the typeface character I didn`t have

much of problem to find the result

I wanted, thank god.

Page 10: A5 Process Book 2010

10

Compared to the TypeFace Character, the feedback I received from my

abstract logo wasn`t that good. Perhaps it is because I was in a rush as I

had other assessments due at the same time.

So, in the abstract logo, I tried many

versions until I found something that was

following the same thinking behind the

other design elements. However it didn`t

turn out as abstract as it should have

been. Damn.

Abstractlogo

USINGTYPE

Page 11: A5 Process Book 2010

11

Typographic Self Portraits & Logos

Page 12: A5 Process Book 2010

12

Page 13: A5 Process Book 2010

13

Typographic Self Portraits & Logos

letterFORM

USINGTYPEOnce I started using a comma as an eye and was happy with that, the

letterform was very good to work on. I tried some different things mixing

letters, but in the end I thought it was too busy and simplified it with just

one letter, "T" and the comma.

Coming up with this idea, I left the other

ideas behind and stuck to it until getting a

good final letterform.

Page 14: A5 Process Book 2010

14

WORDMARK

USINGTYPEPlaying with lots of different styles in the same font, I found it a little

hard to decide which one to pick. In the end, I was unsure between two

versions I designed.

Although I could have been better at it,

my final choice was satisfactory except

for the the kerning. I have to learn more

about it in the next assessment.

Page 15: A5 Process Book 2010

15

Typographic Self Portraits & Logos

Page 16: A5 Process Book 2010

!

16

Page 17: A5 Process Book 2010

!

“ I learnt more about

kerning, leading and

other type settings…”

REFLECtion

USINGTYPE

When I started studying

typography, I didn`t really fall

in love with it, but now I really

see how beautiful this

unit is. Not just beautiful, but

critically important for a design

project to turn out great.

During the first assessment

I learnt more about kerning,

leading and other type settings

that would be very important

during the tasks to come.

17

Typographic Self Portraits & Logos

Page 18: A5 Process Book 2010

Pictures of In class feedback for Giants of Typography

Page 19: A5 Process Book 2010

Giants of TypographyYou are asked to design and produce a brochure and a logo, using the supplied

grid and produce a series of 3 double page spreads plus a front & back cover for

a typography booklet that features the work of influential type designers.

Page 20: A5 Process Book 2010

20

In class feedbackfor Giants of Typography

Page 21: A5 Process Book 2010

21

Giants of Typography

BackGround

THEGRIDIn visual communication, whether on paper or a screen, the grid is

visible to those who look for it. Often, a layout that to uninformed eyes

is a random arrangement of photographs, type and space is seen quite

differently once its grid structure has been pointed out. The perceptual

shift can be quite dramatic: what had seemed arbitrary suddenly looks

immutable. So, the grid.

The grid is simply a way of dividing up the

space so that your design elements can

communicate in the most effective way

with the minimum amount of confusion

for the viewer. A grid is a tool that enables

you to consistently repeat elements but

without them becoming boring to the eye.

Page 22: A5 Process Book 2010

22

THE GIANTCHOOSING

Eric Gill, Frederic Goudy, John Baskerville and Jan Tschichold.

Page 23: A5 Process Book 2010

Left, Top, Down, Right

Portrait of Eric Gill

Jan Tschichold

Frederic Goudy

John Baskerville

23

Giants of Typography

Page 24: A5 Process Book 2010

24

A Monument to John Baskerville outside Baskerville`s House.

Sculpture in Centenary Square, Birmingham, England.

Page 25: A5 Process Book 2010

25

Giants of Typography

RESOURCESBASKERVILLE

We have been supplied with the booklet grid layout, copy about the

chosen typographer, portrait and images.

Right, Down Works of Joseph Addison (1761),

The Folio Bible Printed by Baskerville in1763

Page 26: A5 Process Book 2010

26

After researching and reading about Baskerville,

I came up with my first spread design, and luckily

I kept the same structure to the end.SPREADS

GIANT

Page 27: A5 Process Book 2010

27

Giants of Typography

First spreadAssessments 02

Giants of Typography.

Page 28: A5 Process Book 2010

28

The other spreads were a little bit more

difficult to conclude, but at the last week I

got some good feedback and ideas, which

helped me out a lot to finish them.

Page 29: A5 Process Book 2010

29

Giants of Typography

“The week before it was due, I noticed I had to insert the list of

fonts Baskerville had designed.Second spreadAssessments 02 Giants of Typography.

Page 30: A5 Process Book 2010

30

Page 31: A5 Process Book 2010

31

Giants of Typography

“I really thought I would receive a ‘D’, but then I was

given a ‘C+’. Couldn t it be a 'D', Nigel?

Page 32: A5 Process Book 2010

32

Page 33: A5 Process Book 2010

Giants of Typography

33

“ I learnt how to set up

and use the grid. Great

step ahead, indeed!”

REFLECTION

GIANTS

I was very comfortable in the

first spread. The other ones I

wasn`t so sure, but then they

started coming up and I sorted

them out.

Lecturers were effective in

giving me the right advice,

which made it easier.

I accept my mark, but

comparing to some other

students that got the same

mark as me, I felt bad. I`ll get

over it. It`s Designer`s ego.

I could have put more effort in

the finishing skills, but I heard

from Neil this assessment

would be marked more as a

layout then stock or finishing.

In Summary, I`m satisfied.

Page 34: A5 Process Book 2010

Pictures I didn`t use for the final poster

Page 35: A5 Process Book 2010

Letters in the

EnvironmentYou are asked to design and produce an A2 poster in two colours.

Page 36: A5 Process Book 2010

36

Other pictures fromLetter in the Environment

Page 37: A5 Process Book 2010

37

Letters in the Environment

TAKING

PICTURESHaving the cameras in hand, my group and I went towards Luna Park to

find some interesting places to set the A2 poster. However, we didn`t

need to go there to get some good shots. We took some shots in front

of a business building, a church and a park, where we caught ourselves

trying to make some pigeons fly over the poster. It was funny and, of

course, we didn`t get the pictures.

Walking back to class, we decided to

wrap the letter up and use it as if it were

a pedestrian crossing. After 5 minutes

shooting in lots of different angles, we

got a truck running over our letter, which

was very cool. Then we spent 10 minutes

waiting for another truck to come. Of

course, we didn`t get it again. But the

results came out good, anyway!

Page 38: A5 Process Book 2010

THURSDAY

2 DECEMBER

2010Harbo

ur Terrace

Museum of Con

temporary Art

140 George S

treet

The Rocks

Sydney NSW

 1223

www.mca.org

/environmentpos

ters

LETTERS

IN THEENVIR

ON

MENT

LETTERS

IN THEENVIR

ON

MENT

THURSDAY

2 DECEMBER

2010Harbo

ur Terrace

Museum of Con

temporary Art

140 George S

treet

The Rocks

Sydney NSW

 1223

www.mca.org

/environmentpos

ters

38

THE

PROCESSThe process was long, I have to admit.

I tried lots and lots of layouts until I got the simplest

one, as you can see on the final poster attached.

I started with a simple idea, but other ideas kept on

coming up and I became indecisive.

At the end of the process, with the lecturers help,

I decided to change the color of the poster from gold to

greenish, and it really helped, since I was stuck on

other ideas.

Page 39: A5 Process Book 2010

LETTERS

IN THEENVIR

ON

MENT

THURSDAY

2 DECEMBER

2010Harbo

ur Terrace

Museum of Con

temporary Art

140 George S

treet

The Rocks

Sydney NSW

 1223

www.mca.org

/environmentpos

ters

THURSDAY

2 DECEMBER

2010Harbo

ur Terrace

Museum of Con

temporary Art

140 George S

treet

The Rocks

Sydney NSW

 1223

www.mca.org

/environmentpos

ters

LETTERS

IN THEENVIR

ON

MENT

THURSDAY

2 DECEMBER

2010Harbo

ur Terrace

Museum of Con

temporary Art

140 George S

treet

The Rocks

Sydney NSW

 1223

www.mca.org

/environmentpos

ters

LETTERS

IN THEENVIR

ON

MENT

LETTERS

IN THEENVIR

ON

MENTTHURS

DAY

2 DECEMBER2010

Harbour Terr

ace

Museum of Con

temporary Art

140 George S

treet

The Rocks

Sydney NSW

 1223

www.mca.org

/environmentpos

ters

THURSDAY

2 DECEMBER2010

Harbour Terr

ace

Museum of Con

temporary Art

140 George S

treet

The Rocks

Sydney NSW

 1223

www.mca.org

/environmentpos

ters

LETTERS

IN THEENVIR

ON

MENT

39

Letters in the Environment

Page 40: A5 Process Book 2010

40

Page 41: A5 Process Book 2010

41

Letters in the Environment

“ I kept changing

everything, everytime

I looked at it!”

REFLECTION

LETTERS

I found myself changing the

whole layout everytime I

looked at the poster.

And I learnt that sometimes

the best thing thing to do is to

go outside and relax, look at

other stuff but design pieces.

As we had to fit the poster

inside this process book, I

changed the objects position

for the copy to fit into an A5

size when folded.

Page 42: A5 Process Book 2010

Pictures of In class feedback for Process Book and Poster

Page 43: A5 Process Book 2010

THE PROCESS

BOOK`s PROCESSYou are asked to show the process behind the process book itself.

Quite funny, but let`s talk about the process of the process book.

Page 44: A5 Process Book 2010

44

In class feedbackfor the Process Book

Page 45: A5 Process Book 2010

45

The Process Book`s Process

PROCESS

BOOKAs I joined the class 3 weeks after the begining of the semester, I read

the brief and I also asked some classmates about the process book. So, I

started collecting material as soon as I could.

We were supplied with the Grid and final

size, A5, but we could choose the stock

and binding method, as long as adding

some more pages when necessary.

Page 46: A5 Process Book 2010

46

A phrase that contains all of the letters of the alphabet. It`s commonly used in Design Projects to test the font.

Page 47: A5 Process Book 2010

47

The Process Book`s Process

TYPOGRAPHY

CHOSENI divided the typographic project in 3 fonts, one font for the body copy,

another for the titles and one more for highlighted copy. “BlackOut

2AM” is the one I`m using for the titles. “Univers” is the one I`m using

for the body copy and also “Adobe Caslon Pro” for the highlighted copy

and page numbers.

As the hierarchy in my book is basically

title and body, the only aspect I changed

through chapters were the colors.

Page 48: A5 Process Book 2010

48

Page 49: A5 Process Book 2010

49

The Process Book`s Process

“ I kind of had

the concept in my

mind already.”

REFLECTION

BOOK

I started the process book

with an idea in my mind: Try to

be professional, but also not

so "squared" and corporate.

So, after designing the first

10 spreads with my initial

concept and getting feedback

in class, I established a style.

At the end of my process,

I learned how to use the

baseline grid, something that I

might have missed, as I didn`t

attend classes at the begining

of the semester.

Page 50: A5 Process Book 2010

50

Page 51: A5 Process Book 2010

51

The Process Book`s Process

THAT`s THE

BIBLIOGRAPHY

www.fffound.com01

www.formfiftyfive.com02

White, J. 2003. Editing by Design: For

Designers, Art Directors, and Editors--

the Classic Guide to Winning Readers,

Allworth Press, USA.

03

Those are the places where I based my research and also got inspiration from.

Page 52: A5 Process Book 2010

Pictures of In class feedback for Process Book and Poster