7/24/2019 Anatomy Typography Basics

1/23

ADMECMULTIMEDIA

INSTITUTE

7/24/2019 Anatomy Typography Basics

2/23

PROJECT

TYPOGRAPHY & ANATOMYPresented by:

KARUNA KUKREJA

Course: (Grap!"s Master#

Course $%d% : Ao&RH&GM&')*&+

7/24/2019 Anatomy Typography Basics

3/23

Means of Typography

Typo,rapy !s te Art or Te"n!-ue o. arran,!n, type to /a0e 1r!tten

2an,ua,e readab2e% $n oter 1ords3 Typo,rapy !s te s0!22 o. des!,n!n,

"o//un!"at!on by /eans o. te pr!nted 1ords% Te arran,e/ent o. type

!n4o24es se2e"t!n, type.a"es3 Po!nt s!5e3 6!ne 6en,t3 6!ne)7pa"!n, 1!" 1e

"a22ed 86ead!n,93 6etter)spa"!n, 1!" 1e "a22ed 8tra"0!n,9 and adust tespa"e 1!t !n 2etters pa!rs 1!" 1e "a22ed 80ern!n,9% Typo,rapy !s a2so

app2!ed to te sty2e%

$n t!s sense3 typo,rapy !s te 1or0 o. typesetters 1!" /eans typo,rapy

Cara"ters a2so a4e .a"es 2!0e u/ans% 7o3 a type.a"e a4e spe"!a2

!/press!on 2!0e "o2ors or sapes% $n "on"2us!on3 1e sou2d say tat

typo,rapy !s /eans by 1!" 1ord;s "on"e!4ed !n so/eone;s /!nd and

ten put do1n on paper are /ade a4a!2ab2e to te 1or2d at 2ar,e%

7/24/2019 Anatomy Typography Basics

4/23

Typography's Important Role In Designing

Typo,rapy p2ays a b!, ro2e !n des!,n!n, be"ause us!n, typo,rapy 1e "an

/a0e our des!,n 4ery attra"t!4e but !t !s 4ery d!..!"u2t to "oose appropr!ate

type.a"e .or a des!,n%

$n t!s 1ay3 Typo,rapy !s one o. te !/portant e2e/ent o. des!,n% Typo,rapy

!s not a !ndependent art 2!0e Pa!nt!n,3 /us!"% $t !s "onne"ted 1!t a de.!n!teorder 2!0e ,rap!" des!,n!n,% Typo,rapy /ust be "2ear and ,ood !n order to

"o//un!"ate or to e

7/24/2019 Anatomy Typography Basics

5/23

Classification of TypographyClassification of Typography

C2ass!.!"at!on syste/ "an be e2p.u2 !n !dent!.y!n,3"oos!n, or "o/b!n!n,

type.a"es% On te >as!s o. "2ass!.!"at!on typo,rapy as ? types:

One !s 87er!. ype.a"e9and 7e"ond !s 87ans 7er!. ype.a"e9%Te s/a22

de"orate 1eb p2a"es on te ends o. ea" "ara"ter are "a22ed 87er!.s9% $n

oter 1ords3 7er!. !s a s/a22 2!ne atta"ed to te end o. a stro0e !n a 2etter% Atype.a"e 1!t ser!. !s "a22ed 7er!. Type.a"e% e,%)T!/es Ro/an%

7/24/2019 Anatomy Typography Basics

6/23

Sans Serif Typeface Conti..Sans Serif Typeface Conti..

A Type.a"e 1!tout ser!. !s "a22ed 87ans 7er!.93 .ro/ te .ren" sans3 /ean!n,

8=!tout9% e,%)

Grotes-ue and 7er!. .ro/ te dut" 1ord /ean!n, 86!ne9% $n pr!nt3 7ans 7er!. .onts

are o.ten% Used .or ead2!nes rater tan .or body te

7/24/2019 Anatomy Typography Basics

7/23

Type of Serif Typefaces are below givenType of Serif Typefaces are below given

>ra"0eted 7er!.@A "ur4ed or 1ed,e 2!0e "onne"t!on bet1een te ste/ & ser!. o.

so/e .onts%e%,% T!/es Ro/an%

7er!. .onts are usua22y eas!er to read !n pr!nted 1or0s tan sans ser!. .onts% T!s !s>e"ause te 7er!. /a0e te !nd!4!dua2 2etters /ore d!st!n"t!4e & eas!er .or our bra!ns to

Re"o,n!se u!"02y% Te "o//on2y used "on4ent!on .or pr!nted 1or0 !s to use a ser!.

.ont .or te body O. te 1or0% 7o/e e

7/24/2019 Anatomy Typography Basics

8/23

Ha!r2!ne 7er!.)A t!n stro0e usua22y "o//on to ser!. type.a"es% Ha!r2!ne !s o.ten used

to re.er to a a!r2!ne ru2e3te t!nnest ,rap!" ru2e2!ne pr!ntab2e on a spe"!.!" output%

e%,%)>odon!3 >er0e2ey%

Type of Serif TypefacesType of Serif Typefaces

7/24/2019 Anatomy Typography Basics

9/23

=ed,e 7er!.)=ed,e ser!.s are tr!an,u2ar !n sape e,%) Mer!d!an &Be2o4!"%

Type of Serif TypefacesType of Serif Typefaces

7/24/2019 Anatomy Typography Basics

10/23

72ab 7er!.) 72ab ser!. type.a"e !s "ara"ter!sed by t!"0 b2o"0 2!0e ser!.s% 72ab ser!. .onts are o.ten used !ntype1r!ters3 /ost .a/ous2y "our!er%

e%,%) >oton & 7er!.a%%

Type of Serif TypefacesType of Serif Typefaces

7/24/2019 Anatomy Typography Basics

11/23

Examples f Sans SerifExamples f Sans Serif

Ca2!br!

Candara

Cantare22

Century Got!"

Car"oa2

A sans serif font is often used for headings,table-text &captions.some examples are:

7/24/2019 Anatomy Typography Basics

12/23

>e22 Got!"

>e22 Centenn!a2

A4en!r

A4ant Garde Got!"

A05!den5) Grotes0

Examples f Sans SerifExamples f Sans Serif

7/24/2019 Anatomy Typography Basics

13/23

!natomy f Typography

!s"r!pt!on o. Anato/y ypo,rapy:

D)He!,t)Bar!es .ro/ type.a"e to

type.a"e%

Cap2!ne A2!ne /ar0!n, te e!,t

o. upper"ase 2etters 1!t!n a .ont%

es"ender) A part o. a 2etter tat

e

7/24/2019 Anatomy Typography Basics

14/23

Ape

7/24/2019 Anatomy Typography Basics

15/23

>ar)

A or!5onta2 2!ne 1!t!n

4ert!"a2s3d!a,ona2s or "ur4es% e%,%)

>o12)

Cur4ed 2!ne .or/!n, a 2oop3o4a2 or

"!r"2e% e%,%)

!natomy f Typefaces

7/24/2019 Anatomy Typography Basics

16/23

>ra"0et)

Conne"t!on bet1een a ser!. and a

stro0e% e%,%)

Counter or Aperture)

En"2osed or part!a22y en"2osedspa"e% e%,%)

!natomy f Typefaces

7/24/2019 Anatomy Typography Basics

17/23

Cross 7tro0e)

Hor!5onta2 2!ne e

7/24/2019 Anatomy Typography Basics

18/23

6!n0)

6!ne "onne"t!n, upper and 2o1er

bo12s o. ;,;% e%,%)

7ou2der)

Cur4ed stro0e e/er,!n, .ro/ a

ste/% e%,%)

!natomy f Typefaces

7/24/2019 Anatomy Typography Basics

19/23

7pur)

7/a22 proe"t!on .ro/ a stro0e% e%,%)

7te/)

Pro/!nent 4ert!"a2 or d!a,ona2

stro0e e%,%)

!natomy f Typefaces

7/24/2019 Anatomy Typography Basics

20/23

7tress)

!re"t!on !n 1!" a "ur4ed stro0e

t!"0ens% e%,%)

Ta!2)

7ort stro0e at an an,2e toF te

/a!n stro0e% e%,%)

!natomy f Typefaces

7/24/2019 Anatomy Typography Basics

21/23

ru!t,er)

!..erent =e!,ts !n te sa/e

.a/!2y% e%,%)

6!,atures)

T1o or /ore 2etters are o!nedto,eter to .or/ one ,2yp or

"ara"ter% e%,%)

!natomy f Typefaces

7/24/2019 Anatomy Typography Basics

22/23

-- Contact Us -ADMEC MULTIMEDIA INSTITUTE

Leader in Animation & Digital Media Education

ISO 9! " #$ CERTI%IED

'i(it Our )e*(ite(

+++,admecindia,co,in+++,cadtrainingin(titute,com

P-one(" .9!9$!!$!$!##/ .9!99!!0$#12

7/24/2019 Anatomy Typography Basics

23/23

Than"yo# for giving a new approach or

new sense.

Thank you