meeting #2: typography

67
1

Upload: roman-musatkin

Post on 06-Aug-2015

351 views

Category:

Design


0 download

TRANSCRIPT

1

2

Типографика

3

&

Работа с набором Работа с версткой

4

НаборТипографика

5

Serif Sans Slab-serif

6

Monotype

7

ЧтениеНабор

8

Serif Sans

vs.

9

Times New Roman

10

Myriad Pro..и

11

Myriad Pro

12

..и Times New Roman

13

АкцентыЧтение

14

Адаптивность

15

Единообразие

16

Структура

17

18

ВниманиеАкценты

19

20

21

но

22

23

ОформлениеВнимание

24

25

Но никогда не underlined

26

27

italic != oblique

28

Link Link Link Not link

Not link

Not link

29

Link Link Link Not link

Not link

Not link

но и тут есть исключения

30

Ссылки должны бытьподчеркнутыми

«»

31

32

Ссылки должны бытьразличимыми

33

ДеталиОформление

34

Small capitals

35

Минускульный набор

36

Кернинг

37

38

#hint 1Разработчики ничего не знают окернинге, межстрочном и межбуквенноминтервале

39

Интерлиньяж

40

Интерлиньяж

41

Интерлиньяж

кегль: 24px

42

Интерлиньяж

кегль: 24px

высота строки: 30px

43

Параграфы

44

Параграфы

высота строки: 30px

45

Параграфы

высота строки: 30pxрасстояние между абзацами: 15px

46

ТекстДетали

47

Черточки

48

Кавычки

49

И прочее

50

51

КомпозицияТекст

52

53

50-70 символов

54

Висячая пунктуация

55

и центрирование

56

57

Good

58

и строки

59

и параграфы

60

погрешности сглаживания

61

62

63

верстка страниц

(оффтоп)

64

65

67