• Save
Typography
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Typography

  • 428 views
Uploaded on

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

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

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
428
On Slideshare
428
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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