Your SlideShare is downloading. ×
Typography
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Typography

389
views

Published 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.

Published in: Design

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
389
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
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

×