TYPOGRAPHY

WHAT?
ARTOFUSI
NGTEXT.

WHY?
1
.MODEOFCOMMUNI
CATI
ON.
2.
ITCREATESEMOTI
ON.

Eg.
Iw
il
lf
in
dyo
u.
3.I
TCREATESHI
ERARCHY.
(I
mportancewi
seOrder
)

Eg.
Sessi
onon
TYPOGRAPHY
4.
ITCREATESBRANDI
DENTI
TY.
 HOW?
STEP1
UNDERSTANDEMOTI
ON/
USER.

STEP2
CHOOSETHERI
GHTTYPEFACE/
FONT.

3CATEGORI
ES
SERI
F SANSSERI
F DECORATIVE
Cl
ass Modern
Call
igraphy
Pr
emium Minimal/Si
mpl
e Di
splay
Vi
ntage Clean
Tr
adit
ional
/Cl
assi
c Digi
tal
/Tech Style
UIDesign Headi ng
Canbeusedi nlong Tit
les
body( Paragr
aph) Canbeusedi nl
ong Logo
Becausegood body(Paragraph) Unique
readibil
it
y Becausegood
Eg:ZARA, ROYAL readi
bil
ity Notf
orl
ongbody
ENFIELD,MERCEDES Eg:APPLE,SAMSUNG

STEP3
DOWNL
OADAGOODTYPEFACE/
FONT
1.
FONTSPACE
2.GOOGLEFONT
3.DAFONT
4.CUPFONT
STEP4
BESTPRACTI
CE
(THETHI
NGSWENEEDTOTAKECARE)

1.
AlignmentandSpaci
ng
2.Contr
ast
3.Hi
erarchy

1.SI
ZE 2.COLOR 3.WEIGHT
CONTRAST CONTRAST CONTRAST
CONTRAST CONTRAST CONTRAST

STEP5
AVOI
D
1.
Mor ethan2Typeface
2.AvoidWidow andOrphan
3.AvoidOutdated/
Defaul
tFont
(Comi
c
Sans,Impact)
 WI
DOW
Lorem i psum dol or sit amet ,
consect et
uradipisci
ng el i
t,sed
doei usmodt emporincididuntut
l
abor e etdolore magna al iqua.
Quisi psum suspendi
sse ultrices
gravida.Risuscommodovi verra
maecenasaccumsan l acusvel
facil
i
sis.

ORPHAN
Lorem ipsum dol
or si t amet , vi
tae.
consectetuer adi pisci
ng el it
. Aenean
commodo l i
gula eget dol or. Aenean
massa. Cum soci i
snat oquepenat ibuset
magni sdi sparturientmont es,nascet ur
ri
diculusmus.Donecquam f el
is,ultr
icies
nec,pellentesqueeu,pr etium qui s,sem.
Nullaconsequatmassaqui senim. Donec
pede j usto, f
ri
ngi l
la vel, ali
quet nec,
vulputate eget , arcu. In eni m j usto,
rhoncusut ,imperdi eta,venenat i
svi tae,
Lorem ipsum dol
or si t amet ,
consectetuer adi pisci
ng el it
. Aenean
commodo l i
gula eget dol or. Aenean
massa. Cum soci i
snat oquepenat ibuset
magni sdi sparturientmont es,nascet ur
ri
diculusmus.Donecquam f el
is,ultr
icies
nec,pellentesqueeu,pr etium qui s,sem.
Nullaconsequatmassaqui senim. Donec
pede j usto, f
ri
ngi l
la vel, ali
quet nec,
 TYPEANATOMY

Anat
omyofText
CapHeight
As
cender
XHeight
Bas
eLi
ne
Des
cender

TYPEFACEvsFONT
Ar
i
al Ari
al
Ari
al
Ari
al

TEXTSETTI
NGS
L
EADI
NG TRACKI
NG KERNI
NG
Gapbetween2or Gapbetween2or Gapbetweentwo
morethan2li
nes morelet
ter
s speci
fi
clet
ter
s

PURPOSEOFTEXTSETTI
NGS
1
.EnhanceReadabil
it
y
2.
AddingStyl
e