61
3. классификация, шрифтовые пары « ОТ ШРИФТА

«От шрифта!». Лекция 3 / Класиификация, шрифтовые пары

  • Upload
    odinmay

  • View
    1.840

  • Download
    4

Embed Size (px)

DESCRIPTION

Серия из четырех лекций и семинаров охватывает широкий спектр проблем, с которыми сталкивается каждый графический дизайнер: классификация шрифтов и их проектирование, подбор и использование кириллических шрифтов в брендинге. Спикеры расскажут об использовании шрифта в системе визуальной идентификации бренда.

Citation preview

3.классификация,шрифтовые пары

«ОТ ШРИФТА!»

!"#$$%&%'#(%)% *+,-+. /.%&0+1

1

2"3'$#4,. !+"5(+1 -.34,%46+1+3 #6340$01+ Odinamay

2

!"#$$%&%'#(%), +$4+1#44#) 4# %$0+.%73$'%8 % *"#$0%73$'%8 8#.#'03.%$0%'#8 /.%&0#

1

2

3

!"#$$%&%'#(%), +$4+1#44#) 4# *.%4(%*#8 &+.9++-.#:+1#4%)

;<-+. /.%&0+1 % %8 $+730#4%)

=+,3.>#4%3 "3'(%%

3

?@=A 3489.1–71Maximilien Vox

=*+$+-< '"#$$%&%'#(%% @$4+14<3 B#739 4C>4# '"#$$%&%'#(%)?

=*+$+-< '"#$$%&%'#(%%

4

MyFonts.com Adobe

=*+$+-< '"#$$%&%'#(%% D#6#:%4<

!"#$$%&%'#(%), +$4+1#44#) 4# %$0+.%73$'%8 % *"#$0%73$'%8 8#.#'03.%$0%'#8 /.%&0#

5

1

6

E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%) F3"%'+9

240%'1#

G.C$'+1<3 /.%&0<

H%4#9%73$'#)

I3.38+,4#)

=0#0%73$'#)

;343(%#4$'#) / E0#"+-&.#4(C:$'#) / G#.+74#) / ?+""#4,$'#) / 246"%J$'#) / =+1.39344<3 13.$%%

240%'1# XVIII 13'# / =+1.39344<3 13.$%%

!"#$$%(%$0%73$'#) / 0%*# Clarendon / =+1.39344<3 13.$%%

Clarendon % 36%*30$'%3

=0#0%73$'%3 / H%4#9%73$'%3 / ?3+930.%73$'%3 / =+1.39344<3 13.$%%

G"%>3 ' #40%'13 / G"%>3 ' 6.+03$'C

1 *+". XX 13'#

«K+1<3» — $3.. LL 13'#

II *+". XX 13'#

1 *+". XX 13'#

G"%>3 ' #40%'13

G"%>3 ' 6.+03$'C

= +,4+$0+.+4-

4%9% :#$37'#9%

«=0#.<3»

=0#0%73$'%3

H%4#9%73$'%3

?3+930.%73$'%3

?.+03$'%

7

H%4#9%73$'#) #40%'1#

E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%) H%4#9%73$'#) #40%'1#

Stempel Garamond Swift

Arno Pro

Gerard Unger

8

E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%) H%4#9%73$'#) #40%'1#

;343(%#4$'#) #40%'1# XV 13'#

William

9

I3.38+,4#) #40%'1#

E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%) I3.38+,4#) #40%'1#

Baskerville

Times New Roman

10

Baskerville

I3.38+,4#) #40%'1#E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%)

11

=0#0%73$'#) #40%'1#

E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%)

Didot

Filosofia

=0#0%73$'#) #40%'1#

12

Bauer Bodoni

E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%) =0#0%73$'#) #40%'1#

13

G.C$'+1<3 /.%&0<, -"%:'%3 *+ '+4$0.C'(%% ' #40%'13

E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%) G.C$'+1<3 /.%&0<, -"%:'%3 *+ '+4$0.C'(%% ' #40%'13

SPSL Clarendon

Napoleon

14

G.C$'+1<3 /.%&0<, -"%:'%3 *+ '+4$0.C'(%% ' 6.+03$'C

E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%)

Officina Serif

G.C$'+1<3 /.%&0<, -"%:'%3 *+ '+4$0.C'(%% ' 6.+03$'C

Lumin

15

M.%&0< $ +,4+$0+.+44%9% :#$37'#9%

E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%) M.%&0< $ +,4+$0+.+44%9% :#$37'#9%

Walker

TheMix

16

«=0#.<3» 6.+03$'%

E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%)

Franklin Gothic

Akzidenz-Grotesk

«=0#.<3» 6.+03$'%

17

E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%) «=0#.<3» 6.+03$'%

Griffith Gothic

NewLetterGothic

18

Lyyra Grotesk

E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%) «=0#.<3» 6.+03$'%

19

=0#0%73$'%3 (4+1<3) 6.+03$'%

E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%)

Helvetica

Arial

«K+1<3» 6.+03$'%

20

E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%) «K+1<3» 6.+03$'%

Univers

21

H%4#9%73$'%3 6.+03$'%

E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%)

Fedra Sans

Gill Sans

H%4#9%73$'%3 6.+03$'%

22

E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%) H%4#9%73$'%3 6.+03$'%

Greta Sans

Auto Pro

23

?3+930.%73$'%3 6.+03$'%

E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%)

Circe

Gotham

?3+930.%73$'%3 6.+03$'%

24

Jigsaw

Futura PT

?3+930.%73$'%3 6.+03$'%E$0+.%'+-*"#$0%73$'#) '"#$$%&%'#(%)

!"#$$%&%'#(%) *+ 0%*C &+.9++-.#:+1#4%)

225

26

!"#$$%&%'#(%) *+ 0%*C &+.9++-.#:+1#4%) ?#4$ I%03. ;%"-3.6

27

!"#$$%&%'#(%) *+ 0%*C &+.9++-.#:+1#4%) 2"3'$#4,. A#.-331

28

?C9#4%$0%73$'%J (,%4#9%73$'%J) *.%4(%* &+.9++-.#:+1#4%)

!"#$$%&%'#(%) *+ 0%*C &+.9++-.#:+1#4%) H%4#9%73$'%J

29

!"#$$%&%'#(%) *+ 0%*C &+.9++-.#:+1#4%) H%4#9%73$'%J

30

!"#$$%(%$0%73$'%J ($0#0%73$'%J) *.%4(%* &+.9++-.#:+1#4%)

!"#$$%&%'#(%) *+ 0%*C &+.9++-.#:+1#4%) =0#0%73$'%J

31

!"#$$%&%'#(%) *+ 0%*C &+.9++-.#:+1#4%) =0#0%73$'%J

32

?3+930.%73$'%J *.%4(%* &+.9++-.#:+1#4%)

!"#$$%&%'#(%) *+ 0%*C &+.9++-.#:+1#4%) ?3+930.%73$'%J

33

N1+"O(%) #40%'1<

!"#$$%&%'#(%) *+ 0%*C &+.9++-.#:+1#4%) N1+"O(%) #40%'1<

34

N1+"O(%) 6.+03$'+1

!"#$$%&%'#(%) *+ 0%*C &+.9++-.#:+1#4%) N1+"O(%) #40%'1<

35

!"#$$%&%'#(%) *+ 0%*C &+.9++-.#:+1#4%) ?3..%0 K++..,:3J

36

336

;<-+. /.%&0+1 % %8 $+730#4%J

37

I.+-"39# 1<-+.# /.%&0#

;<-+. /.%&0+1 % %8 $+730#4%J P#:4<3 $*+$+-< % 9434%) ;<-+. /.%&0# — $++-Q34%3

38

A%* /.%&0# % *.%4(%* &+.9++-.#:+1#4%)

;<-+. /.%&0+1 % %8 $+730#4%J M.%&0+1<3 *#.<

39

M.%&0+1<3 *#.<

;<-+. /.%&0+1 % %8 $+730#4%J K3*+,8+,)Q%3 *#.<

A news article discusses current or recent news of ei-ther general interest (i.e. daily newspapers) or of a specific topic (i.e. political or trade news magazines, club newslet-ters, or technology news websites).

A news article can include accounts of eye witnesses to the happening event. It can contain photographs, ac-counts, statistics, graphs, recollections, interviews, polls, debates on the topic, etc. Headlines can be used to focus the reader’s attention on a particular (or main) part of the article. The writer can also give facts and detailed infor-mation following answers to general questions like who, what, when, where, why and how.

Quoted references can also be helpful. References to people can also be made through the written accounts of interviews and debates confirming the factuality of the writer’s information and the reliability of his source. The writer can use redirection to ensure that the reader keeps reading the article and to draw her attention to other arti-cles. For example, phrases like “Continued on page 3” re-direct the reader to a page where the article is continued.

While a good conclusion is an important ingredient for newspaper articles, the immediacy of a deadline en-vironment means that copy editing often takes the form of deleting everything past an arbitrary point in the story

A news article discusses current or recent news of either general interest (i.e. daily newspapers) or of a specific topic (i.e. political or trade news magazines, club newsletters, or technology news websites).

A news article can include accounts of eye wit-nesses to the happening event. It can contain photo-graphs, accounts, statistics, graphs, recollections, in-terviews, polls, debates on the topic, etc. Headlines can be used to focus the reader’s attention on a particular (or main) part of the article. The writer can also give facts and detailed information following answers to general questions like who, what, when, where, why and how.

Quoted references can also be helpful. Referenc-es to people can also be made through the written ac-counts of interviews and debates confirming the fac-tuality of the writer’s information and the reliability of his source. The writer can use redirection to ensure that the reader keeps reading the article and to draw her attention to other articles. For example, phrases like “Continued on page 3” redirect the reader to a page where the article is continued.

While a good conclusion is an important ingredi-ent for newspaper articles, the immediacy of a dead-

News articles News articles

40

;<-+. /.%&0+1 % %8 $+730#4%J I+,8+,)Q%3 *#.<

A news article discusses current or recent news of ei-

WKHU�JHQHUDO�LQWHUHVW��L�H��GDLO\�QHZVSDSHUV��RU�RI�D�VSHFLÀF�topic (i.e. political or trade news magazines, club newslet-

ters, or technology news websites).

A news article can include accounts of eye witness-

es to the happening event. It can contain photographs, ac-

counts, statistics, graphs, recollections, interviews, polls, de-

bates on the topic, etc. Headlines can be used to focus the

UHDGHU·V�DWWHQWLRQ�RQ�D�SDUWLFXODU��RU�PDLQ��SDUW�RI�WKH�DUWLFOH��The writer can also give facts and detailed information fol-

lowing answers to general questions like who, what, when,

where, why and how.

Quoted references can also be helpful. References to

people can also be made through the written accounts of in-

WHUYLHZV�DQG�GHEDWHV�FRQÀUPLQJ�WKH�IDFWXDOLW\�RI�WKH�ZULWHU·V�information and the reliability of his source. The writer can

use redirection to ensure that the reader keeps reading the

article and to draw her attention to other articles. For exam-

ple, phrases like “Continued on page 3” redirect the reader

to a page where the article is continued.

While a good conclusion is an important ingredient

for newspaper articles, the immediacy of a deadline envi-

ronment means that copy editing often takes the form of

deleting everything past an arbitrary point in the story cor-

A news article discusses current or recent news of either general interest (i.e. daily newspapers) or of a specific topic (i.e. political or trade news magazines, club newsletters, or technology news websites).

A news article can include accounts of eye wit-nesses to the happening event. It can contain photo-graphs, accounts, statistics, graphs, recollections, in-terviews, polls, debates on the topic, etc. Headlines can be used to focus the reader’s attention on a particular (or main) part of the article. The writer can also give facts and detailed information following answers to general questions like who, what, when, where, why and how.

Quoted references can also be helpful. Referenc-es to people can also be made through the written ac-counts of interviews and debates confirming the fac-tuality of the writer’s information and the reliability of his source. The writer can use redirection to ensure that the reader keeps reading the article and to draw her attention to other articles. For example, phrases like “Continued on page 3” redirect the reader to a page where the article is continued.

While a good conclusion is an important ingredi-ent for newspaper articles, the immediacy of a dead-

News articles News articles

41

;<-+. /.%&0+1 % %8 $+730#4%J

Typefaces

TypefacesTypefaces Typefaces

Typefaces Typefaces

TypefacesTypefaces

TypefacesTypefaces

TypefacesTypefaces

Helvetica / Century

Charter / Fedra

Caslon / Gill Sans

FranklinGothic / Officina

Avenir / Rockwell

Goudy Oldstyle / Optima

4242

43

;<-+. /.%&0+1 % %8 $+730#4%J

E$0+.%73$'%3 #$$+(%#(%%

=++0130$01%3 8#.#'03.# 1.3934%

Pentagram

44

@"36 D#(C31

Marc Atlan

Marc Atlan

;<-+. /.%&0+1 % %8 $+730#4%J =++0130$01%3 8#.#'03.# 1.3934%

45

WWW.CARRE.NL

YOUPIN

µWWW.CARRE.NL

ACDA EN DE MUNNIK

INµ

Thonic / Bold Monday

@"36 D#(C31

Letterhead / H9%0.%J G#.-#43"5

=0%"%:#(%%;<-+. /.%&0+1 % %8 $+730#4%J =++0130$01%3 8#.#'03.# 1.3934%

46

R+.9#"54+3 $++0130$01%3

;<-+. /.%&0+1 % %8 $+730#4%J

Lava

47

Dumbar Studio

Dumbar Studio

Base

;<-+. /.%&0+1 % %8 $+730#4%J =++0130$01%3 /.%&0# % $0%")

48

I.%4(%*< ,%:#J43.#

;<-+. /.%&0+1 % %8 $+730#4%J I.%4(%*< ,%:#J43.#

E.9# G+9S1634%J !+.4331

49

E.9# G+9

;<-+. /.%&0+1 % %8 $+730#4%J I.%4(%*< ,%:#J43.#

50

E.9# G+9

!.%731$'%J

S1634%J ?.%6+.531

;<-+. /.%&0+1 % %8 $+730#4%J I.%4(%*< ,%:#J43.#

51

K.#1%0$)

210+.$01+ /.%&0#

I"#04+$05 / -3$*"#04+$05

K#"%7%3 13--13.$%%

!+"%73$01+ 4#73.0#4%J

T,+-+7%0#39+$05

I+,,3.>'# *%$59344+$03J / :4#'+1<J $+$0#1

;<-+. /.%&0+1 % %8 $+730#4%J H.C6+3

@$+-344+$0% 4#73.0#4%) /.%&0#: ,%$*"3J4<J, ,") 93"'%8 '36"3J

52

Zoloto Design

;<-+. /.%&0+1 % %8 $+730#4%J I.%4(%*<

53

S1634%J ?.%6+.531

;<-+. /.%&0+1 % %8 $+730#4%J !"#.34,+4 + ?3"5130%'# L##$

54

S1634%J ?.%6+.531 / ;3.# S1$0#&531#

Base

Dumbar Studio

;<-+. /.%&0+1 % %8 $+730#4%J ?.+03$'%

55

Dumbar Studio

;<-+. /.%&0+1 % %8 $+730#4%J

56

!+.+"5'+1#

Peter Bilak

;<-+. /.%&0+1 % %8 $+730#4%J H%:#J43. /.%&0#

57

Myriad

;<-+. /.%&0+1 % %8 $+730#4%J

58

Jan Middendorp

;<-+. /.%&0+1 % %8 $+730#4%J A#J9$

59

;<-+. /.%&0+1 % %8 $+730#4%J

E.9# G+9

=++-Q34%3

60

=*#$%-+!