+ All Categories
Home > Documents > Chapter 1_typography Part 2

Chapter 1_typography Part 2

Date post: 09-Apr-2018
Category:
Upload: janelle-calle
View: 221 times
Download: 0 times
Share this document with a friend
22
Chapter 1: TYPOGRAPHY Designing with type
Transcript
Page 1: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 1/22

Chapter 1: TYPOGRAPHY

Designing with type

Page 2: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 2/22

Designing with type

ONE OF THE MOST DIFFICULT PROBLEMS

facing a designer is what to do with a story

that has no graphics, photographs or otherimagery to accompany it.

Simply setting column after column of long,

dull text is unimaginative and turns off readers.

Page 3: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 3/22

Designing with type

We can create our own design elements on a

page by using purely typographical devices.

Many of these seem odd when we examinethem closely; but we·re so used to seeing these

techniques in books, magazines and

newspapers that we barely even give them a

second glance.

Page 4: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 4/22

Page 5: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 5/22

Designing with type

The most obvious typographic device is the ¶drop cap·,

short for ¶capital· ² the enlarged first letter that spreads

over three or four lines.

 ± This clearly marks the beginning of the story, drawing thereader into the article.

 ± But we can also use drop caps further down the page, simply

to break up long chunks of text.

 ±

They don·t necessarily have to mark achange in direction inthe story itself, although it helps the reader if they do.

Page 6: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 6/22

Page 7: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 7/22

Designing with type

Designers frequently use ¶pull quotes· ² sections of 

the text cut out from the main body of the work and

set in a larger font, often floating within white space.

 ± These serve two purposes:

first, to pull juicy, tempting morsels of the article out to

encourage readers to look further into the piece

second, to provide design elements, once again breaking

up monotonous flows of print.

 ± Pull quotes can either appear within a column or between

two columns of type.

Page 8: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 8/22

Page 9: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 9/22

Designing with type

` In newspapers, you·ll commonly see a

typographic device whereby the first paragraph

is printed large, over two columns.` This makes it easier for the reader to begin reading

the text.

The problem is, with two regular width

columns beginning just below, how do they

know which one to read?

Page 10: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 10/22

Designing with type

` The answer is to use a ¶byline· ² the author·s

name, often set as a ¶wob· (white on black).` These ¶slugs·, as they·re known in the newspaper

industry, aren·t there to buoy up a journalist·s ego:

they serve a more basic design purpose.

Page 11: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 11/22

Page 12: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 12/22

Designing with type

` The most significant improvement we can make is

through our choice of typeface, both for headlines and for

body text.

` But in the examples, we·ve stuck with boring TimesRoman so that we can better explore the design

possibilities that type alone can offer.

Page 13: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 13/22

Page 14: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 14/22

Chapter 1: TYPOGRAPHY

Don·t try this at home

Page 15: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 15/22

Don·t try this at home

` Fonts such as Old English (above) and those with fancy, swash

capitals are designed so that these capitals are used at the

beginnings of words only.` When an entire word is set in these capitals the result is an

ugly,unbalanced mismatch of styles.Whatever it is, it certainly

isn·t Old English.

Page 16: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 16/22

Don·t try this at home

` Placing opposite colors together creates an instant ¶wow·

effect. Unfortunately, that·s all the effect is ² instant.

` It has no lasting merit, and it·s both painful and difficult to read.

` The effect is bad enough in one or two words;a whole

paragraph set in this way is simply infuriating for the reader.

Page 17: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 17/22

Don·t try this at home

` Photoshop allows us to apply all kinds of Layer Styles to text ² 

including texture overlays.

` You may think for a fraction of a second that this is a cool andclassy way to liven up dull type, but you·d be wrong.

` It simply makes the text illegible. Avoid at all costs!

Page 18: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 18/22

Page 19: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 19/22

Don·t try this at home

` This sort of design is something we used to see a lot in theearly days of the internet.

`

The mentality is this: ¶I·ve got 16 million colors available to me,and dammit, I·m going to use them all.·

` If you try to make every word scream for attention then noneof them will be legible ² it·s the equivalent of shouting at anaudience.

Page 20: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 20/22

Don·t try this at home

` Occasionally you may be tempted ² or be asked ² to make

words out of flame, or clouds, or water droplets, or pools of 

oil.` It·s possible, of course, but the sad fact is that however well

you achieve it, it will always look irredeemably ghastly.

` Try to avoid the temptation.

Page 21: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 21/22

Don·t try this at home

` Comic Sans is the ¶handwriting· font that·s bundled with everycomputer.

` Business people use it because they think it looks more casual than

Times Roman.` It has no place in any Photoshop work: it isn·t handwriting, and it

doesn·t look like it.

` There are plenty of great handwriting fonts out there, so go and findsomething more original.

Page 22: Chapter 1_typography Part 2

8/8/2019 Chapter 1_typography Part 2

http://slidepdf.com/reader/full/chapter-1typography-part-2 22/22

Don·t try this at home

` Some fonts, such as Deftone Stylus (above) or formalhandwriting fonts like Snell Roundhand, are designed so thateach letter runs into the one which follows.

` When they·re spaced out like this the result is just plain ugly, aseach character seems unnecessarily extended to the right.

` Respect the typographer·s intentions!


Recommended