Your SlideShare is downloading. ×
ТипографикаРоман Мусаткинcontact@ppilot.ru1
&Работа с набором Работа с версткой2
НаборТипографика3
ШрифтЦветНачертаниеКегль (размер)Кернинг (межбуквенное расстояние)Интерлиньяж (межстрочное расстояние)4
5
Ровные линии6
Ровные линииПаттерны7
Ровные линии Равное распределениеПаттерны8
ШрифтНабор9
Serif Sans Slab-serif10
Monotype11
ЧтениеНабор12
Serif Sansvs.13
Times New Roman14
Myriad Pro..и15
Myriad Pro16
..и Times New Roman17
бананыбананыкокосыкокосы18
НачертаниеЧтение19
20
Но никогда не underlined21
22
italic != oblique23
ЦветНачертание24
25
КегльНачертание26
Единообразие27
Адаптивность28
Структура29
30
ДеталиНачертание31
Small capitals32
Минускульный набор33
Черточки34
Кавычки35
ПробелыА. С. ПушкинА. С. Пушкин400 м400 м1 298 3001 298 30036
И прочее37
38
Кернинг39
40
http://type.method.ac/41
Интерлиньяж42
Интерлиньяж43
Интерлиньяжкегль: 16pt44
Интерлиньяжкегль: 16ptвысота строки: 22pt45
Параграфы46
Параграфывысота строки: 22px47
Параграфыабзац: 11pxвысота строки: 22px48
#hint 1Разработчики ничего не знают окернинге, межстрочном и межбуквенномрасстоянии49
СсылкиДетали50
Link Link Link Not linkNot linkNot link51
Link Link Link Not linkNot linkNot linkно и тут есть исключения52
Ссылки должны бытьподчеркнутыми«»53
54
Ссылки должны бытьразличимыми55
56ВерсткаТипографика
КомпозицияРасстрояние между объектамиНавигация (различимость)WhitespaceРитмУправление вниманием57
КомпозицияТекст58
59
50-70 символов60
и снова не без исключений50-70 символов61
Физические ограничения62
Приоритет в структурировании63
50-140 символов64
Whitespace65
Sample linesof texttextspace whitespace66
Висячая пунктуация67
и центрирование68
69
Good70
и строки71
и параграфы72
ВниманиеТекст73
74
75
но если страница нам знакома76
77
Более сложные примеры78
Погрешности сглаживания79
80
81
РитмТекст82
83
Общий ритм(оффтоп)84
85
Почитать86
http://smashed.by87
http://ia.net/88
89
90
Слайд номер 9091
Спасибо за внимание!Роман Мусаткинcontact@ppilot.ru@hashtag_design
Upcoming SlideShare
Loading in...5
×

Typography

407

Published on

An all-around begginers guide to typography in print design, web and mobile.

Published in: Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
407
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "Typography"

  1. 1. ТипографикаРоман Мусаткинcontact@ppilot.ru1
  2. 2. &Работа с набором Работа с версткой2
  3. 3. НаборТипографика3
  4. 4. ШрифтЦветНачертаниеКегль (размер)Кернинг (межбуквенное расстояние)Интерлиньяж (межстрочное расстояние)4
  5. 5. 5
  6. 6. Ровные линии6
  7. 7. Ровные линииПаттерны7
  8. 8. Ровные линии Равное распределениеПаттерны8
  9. 9. ШрифтНабор9
  10. 10. Serif Sans Slab-serif10
  11. 11. Monotype11
  12. 12. ЧтениеНабор12
  13. 13. Serif Sansvs.13
  14. 14. Times New Roman14
  15. 15. Myriad Pro..и15
  16. 16. Myriad Pro16
  17. 17. ..и Times New Roman17
  18. 18. бананыбананыкокосыкокосы18
  19. 19. НачертаниеЧтение19
  20. 20. 20
  21. 21. Но никогда не underlined21
  22. 22. 22
  23. 23. italic != oblique23
  24. 24. ЦветНачертание24
  25. 25. 25
  26. 26. КегльНачертание26
  27. 27. Единообразие27
  28. 28. Адаптивность28
  29. 29. Структура29
  30. 30. 30
  31. 31. ДеталиНачертание31
  32. 32. Small capitals32
  33. 33. Минускульный набор33
  34. 34. Черточки34
  35. 35. Кавычки35
  36. 36. ПробелыА. С. ПушкинА. С. Пушкин400 м400 м1 298 3001 298 30036
  37. 37. И прочее37
  38. 38. 38
  39. 39. Кернинг39
  40. 40. 40
  41. 41. http://type.method.ac/41
  42. 42. Интерлиньяж42
  43. 43. Интерлиньяж43
  44. 44. Интерлиньяжкегль: 16pt44
  45. 45. Интерлиньяжкегль: 16ptвысота строки: 22pt45
  46. 46. Параграфы46
  47. 47. Параграфывысота строки: 22px47
  48. 48. Параграфыабзац: 11pxвысота строки: 22px48
  49. 49. #hint 1Разработчики ничего не знают окернинге, межстрочном и межбуквенномрасстоянии49
  50. 50. СсылкиДетали50
  51. 51. Link Link Link Not linkNot linkNot link51
  52. 52. Link Link Link Not linkNot linkNot linkно и тут есть исключения52
  53. 53. Ссылки должны бытьподчеркнутыми«»53
  54. 54. 54
  55. 55. Ссылки должны бытьразличимыми55
  56. 56. 56ВерсткаТипографика
  57. 57. КомпозицияРасстрояние между объектамиНавигация (различимость)WhitespaceРитмУправление вниманием57
  58. 58. КомпозицияТекст58
  59. 59. 59
  60. 60. 50-70 символов60
  61. 61. и снова не без исключений50-70 символов61
  62. 62. Физические ограничения62
  63. 63. Приоритет в структурировании63
  64. 64. 50-140 символов64
  65. 65. Whitespace65
  66. 66. Sample linesof texttextspace whitespace66
  67. 67. Висячая пунктуация67
  68. 68. и центрирование68
  69. 69. 69
  70. 70. Good70
  71. 71. и строки71
  72. 72. и параграфы72
  73. 73. ВниманиеТекст73
  74. 74. 74
  75. 75. 75
  76. 76. но если страница нам знакома76
  77. 77. 77
  78. 78. Более сложные примеры78
  79. 79. Погрешности сглаживания79
  80. 80. 80
  81. 81. 81
  82. 82. РитмТекст82
  83. 83. 83
  84. 84. Общий ритм(оффтоп)84
  85. 85. 85
  86. 86. Почитать86
  87. 87. http://smashed.by87
  88. 88. http://ia.net/88
  89. 89. 89
  90. 90. 90
  91. 91. Слайд номер 9091
  92. 92. Спасибо за внимание!Роман Мусаткинcontact@ppilot.ru@hashtag_design

×