GRAPHIC DESIGN CODE - 2 TYPOGRAPHY

Page 1

3


4


5


6


Table of Contents Typefaces 10 Anatomy 16 Choice of Typefaces 18 Leading 28 Tracking 32 Kerning 34 7


8


9


YPEFACES

YPEFACES

TYPEFACES

10


A typeface is a set of one or more letters, in one or more font sizes, designed with stylistic unity, each comprising a coordinated set of glyphs. A typeface usually comprises an alphabet of letters, numerals and punctuation marks.

Helvetica Neue 11


UltraLight

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

UltraLight Italic

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

Light

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

Light Italic

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

12


Regular

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

Italic

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

Bold

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 Bold Italic

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 13


Serif

T

Serif typefaces are old styled typefaces which have decorative elements on each individual letter

14


Sans Serif

T

Sans serif typefaces are modern typeface which do not have decorative elements on them

15


anatomy

anatomy

ANATOMY anatomy 16


capline

ascender

x height

bring a Word descender

meanline

baseline

How many ascenders?

abc def ghijklmnop lmnopqrst uvw xyz

How many descenders?

17


CHOICE CHOICE

CHOICE CHOICE of

TYPEFACES 18


As new typefaces are created so frequently, which typeface (font) to use is the question in everyone’s mind. Maybe not everyone.

I used Lucida Grande font for my report.

Why bother if it is already Times?

19


Most people use Times New Roman for the text as it is the default font for most of the softwares including MS Office

BUT

Times New Roman

BUT

Adobe Garamond Pro

BUT

Georgia

20


BUT

Arial

BUT

Myriad Pro

BUT

Trebuchet MS

BUT WHAT? 21


But what about all those all those all those all those 22

other


tahw tuB tuoba esoht lla esoht lla esoht lla esoht lla rehto

23


O

F NT

24


ss

25


DP 26


PS 27


LEADING LEADING LEADING LEADING LEADING LEADING

28


Leading is what most people know as “line spacing.� No leading results in lack of white space between lines making it difficult for the eye to track from one line to the next

Leading rhymes with heading, refers to the amount of added vertical spacing between lines of type.

29


Negative

This block of text has negative leading. It is harder to read as ascenders of some characters touch with descenders from the previous line

Auto

This block of text is set at Auto or Normal leading which makes it much easier to read. Auto leading seems to be efficient for large amount of text. If more leading is added, it makes less efficient use of vertical page space.

30


Additional

More leading is added to this text which creates a visual imbalance and is inefficient to communicate. It looks more like a different paragraph for each line than a paragraph as a whole.

31


TRACKING

32


Tracking is what most people know as letter spacing. It refers to the amount of space between a group of letters in a line or block of text. Negative tracking at -50

Tracking and Kerning are different

Normal tracking at 0

Tracking and Kerning are different

Additional tracking at 50

Tracking and Kerning are different

Additional tracking at 100

Trackin g a n d Ker n i n g a re d i ffe re n t

33


KERNING 34


Kerning refers to adjustment of spacing of two particular characters to correct visual uneven spacing.

kerning becomes

keming if

kerning is

not used properly

35


No Kerning

WAR

Auto Kerning

WAR

Manual Kerning

WAR

36


37


GRAPHIC DESIGN CODE TYPOGRAPHY

DESIGNED BY

SHAILESH VAIDYA 38


39


40


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.