Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
ТИПОГРАФИКА Искусство (наука) использования шрифтов
Шрифт это: <ul><li>Термин „шрифт” включает несколько понятий:  </li></ul><ul><ul><li>Совокупность  букв, цифр и  знаков,  ...
Основные шрифты  (с засечками, антиквы)
Заголовочные шрифты (гротески, рубленные)
Рукописные шрифты (каллиграфические)
Декоративные шрифты (оформительские)
Моноширинные шрифты (машинные)
Плохой вариант
Хороший вариант
Уместность
«Анатомия» шрифта
«Анатомия» шрифта
«Анатомия» шрифта
«Анатомия» шрифта
Читабельность <ul><li>Красивый фон: </li></ul>
Читабельность <ul><li>Красивый фон: </li></ul>
Читабельность <ul><li>Цвет фона - цвет текста (контрастность): </li></ul>
Читабельность <ul><li>Не  только эстетика, но и функциональность: </li></ul>
Читабельность <ul><li>Соразмерность толщины основного штриха и очка (жирность букв).  </li></ul><ul><li>Если внутрибуквенн...
Читабельность <ul><li>Оптимальность апрошей (расстояние между буквами). </li></ul><ul><li>Буквы не должны наваливаться дру...
Читабельность <ul><li>телесный угол  0°1’  </li></ul><ul><li>ширина минимального элемента изображения выражается произведе...
Читабельность <ul><li>Длина строк основного текста.  </li></ul><ul><li>Слишком длинные и слишком короткие строки затрудняю...
Читабельность <ul><li>Интерлиньяж.  </li></ul><ul><ul><li>Сплошной набор – когда между строками зазор лишь для выносных эл...
Читабельность <ul><li>В текстах для экранного чтения для мелких текстов лучше выбирать шрифты, специально оптимизированные...
Читабельность <ul><li>Разбивка текста (членение) </li></ul><ul><ul><li>Иерархия (структура) </li></ul></ul><ul><ul><li>Вто...
Шрифт как форма <ul><li>Когда ослабляется функция, доминирует форма. </li></ul>
Шрифт как форма
Шрифт как форма
Шрифт как форма <ul><li>Когда ослабляется функция, доминирует форма. </li></ul>
Шрифт как форма <ul><li>Когда ослабляется функция, доминирует форма.  Хорошо, если она гармонична… </li></ul>
Шрифт как форма <ul><li>Нетипично  построенная  строка,  усложняет  восприятие  содержания,  усиливает формальность </li><...
Шрифт как форма <ul><li>Нетипично  построенная  строка,  усложняет  восприятие  содержания,  усиливает формальность </li><...
Шрифт как форма <ul><li>Нетипично  построенная  строка,  усложняет  восприятие  содержания,  усиливает формальность </li><...
Upcoming SlideShare
Loading in …5
×

Typographics

1,190 views

Published on

  • Be the first to comment

  • Be the first to like this

Typographics

  1. 1. ТИПОГРАФИКА Искусство (наука) использования шрифтов
  2. 2. Шрифт это: <ul><li>Термин „шрифт” включает несколько понятий: </li></ul><ul><ul><li>Совокупность букв, цифр и знаков, определенного рисунка (стиля) и размера (кегля), которые являются техническим воспроизведением языка. </li></ul></ul><ul><ul><li>Комплект текстовых знаков для набора любого типа. </li></ul></ul><ul><ul><li>Рисунок (конфигурация) букв, знаков и цифр. </li></ul></ul>
  3. 3. Основные шрифты (с засечками, антиквы)
  4. 4. Заголовочные шрифты (гротески, рубленные)
  5. 5. Рукописные шрифты (каллиграфические)
  6. 6. Декоративные шрифты (оформительские)
  7. 7. Моноширинные шрифты (машинные)
  8. 8. Плохой вариант
  9. 9. Хороший вариант
  10. 10. Уместность
  11. 11. «Анатомия» шрифта
  12. 12. «Анатомия» шрифта
  13. 13. «Анатомия» шрифта
  14. 14. «Анатомия» шрифта
  15. 15. Читабельность <ul><li>Красивый фон: </li></ul>
  16. 16. Читабельность <ul><li>Красивый фон: </li></ul>
  17. 17. Читабельность <ul><li>Цвет фона - цвет текста (контрастность): </li></ul>
  18. 18. Читабельность <ul><li>Не только эстетика, но и функциональность: </li></ul>
  19. 19. Читабельность <ul><li>Соразмерность толщины основного штриха и очка (жирность букв). </li></ul><ul><li>Если внутрибуквенные просветы практически исчезают или зияют огромными дырами, читабельность теста падает. </li></ul><ul><ul><li>Светлое начертание 1:6-1:4 </li></ul></ul><ul><ul><li>Полужирное 1:2 </li></ul></ul><ul><ul><li>Жирное 1:1 </li></ul></ul>
  20. 20. Читабельность <ul><li>Оптимальность апрошей (расстояние между буквами). </li></ul><ul><li>Буквы не должны наваливаться друг на друга и слова не должны распадаться на отдельные символы: </li></ul><ul><ul><li>Так читать очень не просто </li></ul></ul><ul><ul><li>Так не менее сложно </li></ul></ul>
  21. 21. Читабельность <ul><li>телесный угол 0°1’ </li></ul><ul><li>ширина минимального элемента изображения выражается произведением тангенса угла на расстояние до изображения: </li></ul><ul><li>d = D х tg (0°1’) =D х 0.000291 </li></ul><ul><li>Для подписей нужно удваивать эти цифры. Особенно при слабом освещении. </li></ul><ul><li>Речь шла о нормальном зрении, а оно не у всех такое. </li></ul>
  22. 22. Читабельность <ul><li>Длина строк основного текста. </li></ul><ul><li>Слишком длинные и слишком короткие строки затрудняют чтение. </li></ul><ul><li>60 символов - максимум </li></ul>
  23. 23. Читабельность <ul><li>Интерлиньяж. </li></ul><ul><ul><li>Сплошной набор – когда между строками зазор лишь для выносных элементов. </li></ul></ul><ul><ul><li>Лучше печатать с интервалом </li></ul></ul>
  24. 24. Читабельность <ul><li>В текстах для экранного чтения для мелких текстов лучше выбирать шрифты, специально оптимизированные для экранов, например Verdana . </li></ul>
  25. 25. Читабельность <ul><li>Разбивка текста (членение) </li></ul><ul><ul><li>Иерархия (структура) </li></ul></ul><ul><ul><li>Вторая краска </li></ul></ul><ul><ul><li>Жирный шрифт </li></ul></ul><ul><ul><li>Крупный кегль </li></ul></ul><ul><ul><li>Линейки </li></ul></ul><ul><ul><li>Отбивки </li></ul></ul><ul><ul><li>Концевые строки </li></ul></ul><ul><ul><li>Выворотка </li></ul></ul><ul><ul><li>Рисунки, таблицы </li></ul></ul><ul><ul><li>И т.п.. </li></ul></ul>
  26. 26. Шрифт как форма <ul><li>Когда ослабляется функция, доминирует форма. </li></ul>
  27. 27. Шрифт как форма
  28. 28. Шрифт как форма
  29. 29. Шрифт как форма <ul><li>Когда ослабляется функция, доминирует форма. </li></ul>
  30. 30. Шрифт как форма <ul><li>Когда ослабляется функция, доминирует форма. Хорошо, если она гармонична… </li></ul>
  31. 31. Шрифт как форма <ul><li>Нетипично построенная строка, усложняет восприятие содержания, усиливает формальность </li></ul>
  32. 32. Шрифт как форма <ul><li>Нетипично построенная строка, усложняет восприятие содержания, усиливает формальность </li></ul>
  33. 33. Шрифт как форма <ul><li>Нетипично построенная строка, усложняет восприятие содержания, усиливает формальность </li></ul>

×