Typography

795 views
711 views

Published on

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

Published in: Design

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

×