Презентация Главные правила классической типографики

Смотреть слайды в полном размере
Презентация Главные правила классической типографики


Вашему вниманию предлагается презентация «Главные правила классической типографики», с которой можно предварительно ознакомиться, просмотреть текст и слайды к ней, а так же, в случае, если она вам подходит - скачать файл для редактирования или печати.

Презентация содержит 44 слайда и доступна для скачивания в формате ppt. Размер скачиваемого файла: 1.12 MB

Просмотреть и скачать

Pic.1
Главные правила классической типографики
Главные правила классической типографики
Pic.2
Правило №1
Правило №1
Pic.3
Правило №2 Не используйте слишком много шрифтов в одной публикации. Обычно несколько видов шрифтов и
Правило №2 Не используйте слишком много шрифтов в одной публикации. Обычно несколько видов шрифтов используют для того, чтобы выделить часть текста из общего текстового массива. Однако слишком большое количество использованных шрифтов превращает страницу в мешанину, и читатель с трудом может определить, какая часть текста более или, наоборот, менее важна. Особенно это относится к использованию декоративных шрифтов в качестве выделения.
Pic.4
Рис. 2. Не стоит использовать большое количество различных гарнитур в одной публикации
Рис. 2. Не стоит использовать большое количество различных гарнитур в одной публикации
Pic.5
Рис. 3. Хорошо зарекомендовал себя метод, при котором используются шрифты, противоположные друг друг
Рис. 3. Хорошо зарекомендовал себя метод, при котором используются шрифты, противоположные друг другу. Например, когда для текста используются шрифт с засечками и гротеск для выделения или шрифт с нормальной насыщенностью и полужирный
Pic.6
Правило №3 Правило №3 Избегайте использования в одной публикации шрифтов, слишком похожих по рисунку
Правило №3 Правило №3 Избегайте использования в одной публикации шрифтов, слишком похожих по рисунку. Если причина совместного использования шрифтов заключается в создании акцента (выделения), избегайте похожих по рисунку гарнитур. Поскольку они не будут сильно отличаться друг от друга, то это будет выглядеть как ошибка.
Pic.7
Рис. 4. Как видите, цель не достигнута — выделения не видно. Использованы шрифты Tahoma и Arial. Раз
Рис. 4. Как видите, цель не достигнута — выделения не видно. Использованы шрифты Tahoma и Arial. Разницу может заметить только профессионал — при очень внимательном рассмотрении. Но мы ведь рассчитываем на обычного читателя, не так ли? Рис. 4. Как видите, цель не достигнута — выделения не видно. Использованы шрифты Tahoma и Arial. Разницу может заметить только профессионал — при очень внимательном рассмотрении. Но мы ведь рассчитываем на обычного читателя, не так ли?
Pic.8
Рис. 5. Достаточно использовать один шрифт и для основного текста, и для выделений, изменяя всего ли
Рис. 5. Достаточно использовать один шрифт и для основного текста, и для выделений, изменяя всего лишь его насыщенность и/или наклон Рис. 5. Достаточно использовать один шрифт и для основного текста, и для выделений, изменяя всего лишь его насыщенность и/или наклон
Pic.9
Правило №3 Избегайте использования в одной публикации шрифтов, слишком похожих по рисунку. Если прич
Правило №3 Избегайте использования в одной публикации шрифтов, слишком похожих по рисунку. Если причина совместного использования шрифтов заключается в создании акцента (выделения), избегайте похожих по рисунку гарнитур. Поскольку они не будут сильно отличаться друг от друга, то это будет выглядеть как ошибка.
Pic.10
Рис. 6. Строчные буквы имеют верхние и нижние выносные элементы, что облегчает процесс чтения. Пропи
Рис. 6. Строчные буквы имеют верхние и нижние выносные элементы, что облегчает процесс чтения. Прописные знаки являются более монотонными Рис. 6. Строчные буквы имеют верхние и нижние выносные элементы, что облегчает процесс чтения. Прописные знаки являются более монотонными
Pic.11
Рис. 7. Сравните, насколько трудно читается верхний текст, набранный одними прописными буквами, и на
Рис. 7. Сравните, насколько трудно читается верхний текст, набранный одними прописными буквами, и насколько удобнее читается текст внизу Рис. 7. Сравните, насколько трудно читается верхний текст, набранный одними прописными буквами, и насколько удобнее читается текст внизу
Pic.12
Рис. 8. Конечно, в малых количествах, например для набора первых нескольких слов в абзаце, можно исп
Рис. 8. Конечно, в малых количествах, например для набора первых нескольких слов в абзаце, можно использовать только прописные буквы Рис. 8. Конечно, в малых количествах, например для набора первых нескольких слов в абзаце, можно использовать только прописные буквы
Pic.13
Правило №5 Используйте такой размер шрифта, который обеспечивает максимальную удобочитаемость для вы
Правило №5 Используйте такой размер шрифта, который обеспечивает максимальную удобочитаемость для выбранной вами гарнитуры. Эти размеры обычно колеблются от 8 до 12 пунктов для текста, который будет прочитан с расстояния 30-40 сантиметров. При этом не забывайте обращать внимание на междустрочное расстояние.
Pic.14
Рис. 9. Тексты, набранные шрифтом от 8 до 12 пунктов, являются наиболее удобочитаемыми. Данный образ
Рис. 9. Тексты, набранные шрифтом от 8 до 12 пунктов, являются наиболее удобочитаемыми. Данный образец набран шрифтом Georgia Regular Рис. 9. Тексты, набранные шрифтом от 8 до 12 пунктов, являются наиболее удобочитаемыми. Данный образец набран шрифтом Georgia Regular
Pic.15
Рис. 10. Сравните, как воспринимаются тексты, набранные шрифтами Times New Roman (вверху), Book Anti
Рис. 10. Сравните, как воспринимаются тексты, набранные шрифтами Times New Roman (вверху), Book Antiqua (в середине) и Garamond (внизу) одного размера Рис. 10. Сравните, как воспринимаются тексты, набранные шрифтами Times New Roman (вверху), Book Antiqua (в середине) и Garamond (внизу) одного размера
Pic.16
Правило №6 Избегайте использовать шрифты слишком разных размерам и насыщенности в одной публикации.
Правило №6 Избегайте использовать шрифты слишком разных размерам и насыщенности в одной публикации. Обычно достаточно шрифта одной гарнитуры с разницей в два пункта для набора основного текста и заголовка. Также часто бывает достаточно использовать один шрифт в начертаниях Normal и Bold для выполнения необходимых вам выделений.
Pic.17
Рис. 11. Использование шрифта одного размера и насыщенности для основного текста и заголовка, раздел
Рис. 11. Использование шрифта одного размера и насыщенности для основного текста и заголовка, разделенных пробелом Рис. 11. Использование шрифта одного размера и насыщенности для основного текста и заголовка, разделенных пробелом
Pic.18
Рис. 12. Использование одного шрифта с различной насыщенностью и разницей в два пункта между основны
Рис. 12. Использование одного шрифта с различной насыщенностью и разницей в два пункта между основным текстом и заголовком создает достаточно сильный контраст, мешающий пониманию структуры публикации Рис. 12. Использование одного шрифта с различной насыщенностью и разницей в два пункта между основным текстом и заголовком создает достаточно сильный контраст, мешающий пониманию структуры публикации
Pic.19
Рис. 13. Использование шрифтов размерам и насыщенности придает тексту бессистемный и неразборчивый х
Рис. 13. Использование шрифтов размерам и насыщенности придает тексту бессистемный и неразборчивый характер Рис. 13. Использование шрифтов размерам и насыщенности придает тексту бессистемный и неразборчивый характер
Pic.20
Правило №7 Избегайте применять слишком темные или слишком светлые шрифты. Принцип «золотой середины»
Правило №7 Избегайте применять слишком темные или слишком светлые шрифты. Принцип «золотой середины» в данном случае полностью себя оправдывает.
Pic.21
Рис. 14. Жирный контрастный шрифт не придает тексту особой привлекательности и не повышает удобочита
Рис. 14. Жирный контрастный шрифт не придает тексту особой привлекательности и не повышает удобочитаемость Рис. 14. Жирный контрастный шрифт не придает тексту особой привлекательности и не повышает удобочитаемость
Pic.22
Правило №8 Используйте шрифты средней ширины. Избегайте шрифты типа Condensed или Expanded. Не искаж
Правило №8 Используйте шрифты средней ширины. Избегайте шрифты типа Condensed или Expanded. Не искажайте текст, чтобы сделать его шире или уже, растягивая или сжимая его, — этим вы препятствуете нормальному процессу чтения.
Pic.23
Рис. 15. Использование шрифта типа Condensed и Expanded Рис. 15. Использование шрифта типа Condensed
Рис. 15. Использование шрифта типа Condensed и Expanded Рис. 15. Использование шрифта типа Condensed и Expanded
Pic.24
Рис. 16. Использование шрифта с механически измененной шириной символов Рис. 16. Использование шрифт
Рис. 16. Использование шрифта с механически измененной шириной символов Рис. 16. Использование шрифта с механически измененной шириной символов
Pic.25
Правило №9 Текст должен создавать ровную непрерывную текстуру. Соблюдайте правильные межсловные и ме
Правило №9 Текст должен создавать ровную непрерывную текстуру. Соблюдайте правильные межсловные и межбуквенные расстояния.
Pic.26
Рис. 17. Сверху вниз: нормальный набор; набор с увеличенным межбуквенным расстоянием; набор с уменьш
Рис. 17. Сверху вниз: нормальный набор; набор с увеличенным межбуквенным расстоянием; набор с уменьшенным межбуквенным расстоянием; набор с увеличенным межсловным расстоянием Рис. 17. Сверху вниз: нормальный набор; набор с увеличенным межбуквенным расстоянием; набор с уменьшенным межбуквенным расстоянием; набор с увеличенным межсловным расстоянием
Pic.27
Правило №10 Используйте соответствующую длину строки. И слишком большая, и слишком короткая длина ст
Правило №10 Используйте соответствующую длину строки. И слишком большая, и слишком короткая длина строки затрудняет процесс чтения. Если длина строки слишком большая, процесс чтения становится скучным и утомительным. Чтение же чрезмерно коротких строк создает эффект «рубленого» чтения, что утомляет и раздражает читателя.
Pic.28
Правило №11 Соблюдайте правильные междустрочные расстояния. Строки со слишком маленьким пространство
Правило №11 Соблюдайте правильные междустрочные расстояния. Строки со слишком маленьким пространством между ними замедляют процесс чтения, поскольку глазу трудно «ухватить» начало следующей строки (рис. 18).
Pic.29
Рис. 18. Сверху вниз: текст с узким, нормальным и широким междустрочным расстоянием Рис. 18. Сверху
Рис. 18. Сверху вниз: текст с узким, нормальным и широким междустрочным расстоянием Рис. 18. Сверху вниз: текст с узким, нормальным и широким междустрочным расстоянием
Pic.30
Правило №12 Правило №12 Для оптимального удобства чтения используйте флаговый набор с выключкой влев
Правило №12 Правило №12 Для оптимального удобства чтения используйте флаговый набор с выключкой влево. В некоторых ситуациях оправданна выключка в край, когда в жертву приносится постоянство межсловных пробелов (рис. 19).
Pic.31
Рис. 19. Четыре способа выравнивания текста Рис. 19. Четыре способа выравнивания текста
Рис. 19. Четыре способа выравнивания текста Рис. 19. Четыре способа выравнивания текста
Pic.32
Правило №13 Обозначайте начало абзаца. Два наиболее употребимых способа обозначения начала абзаца: о
Правило №13 Обозначайте начало абзаца. Два наиболее употребимых способа обозначения начала абзаца: отступом и включением дополнительного пространства между параграфами. Для первой строки текста после заголовка необходимости в отступе нет.
Pic.33
Рис. 20. Абзац, обозначенный отступом Рис. 20. Абзац, обозначенный отступом
Рис. 20. Абзац, обозначенный отступом Рис. 20. Абзац, обозначенный отступом
Pic.34
Рис. 21. Другие методы обозначения начала абзаца Рис. 21. Другие методы обозначения начала абзаца
Рис. 21. Другие методы обозначения начала абзаца Рис. 21. Другие методы обозначения начала абзаца
Pic.35
Правило №14 Не допускайте висячих строк. Висячая строка — это неполная концевая строка, приходящаяся
Правило №14 Не допускайте висячих строк. Висячая строка — это неполная концевая строка, приходящаяся на верхнюю границу колонки, или начальная строка, попадающая в самый низ колонки. Обычно устраняется путем вгонки и выгонки за счет межсловных пробелов или объединения двух-трех абзацев в один.
Pic.36
Правило №15 Делайте выделения в тексте, не мешающие потоку чтения. Не переусердствуйте: минимум выде
Правило №15 Делайте выделения в тексте, не мешающие потоку чтения. Не переусердствуйте: минимум выделений обеспечит максимальные результаты.
Pic.37
Рис. 22. Сверху вниз: способы выделения информации в основном тексте: применение курсивного и капите
Рис. 22. Сверху вниз: способы выделения информации в основном тексте: применение курсивного и капительного начертаний; подчеркивание; цвет; использование другой гарнитуры, изменение насыщенности Рис. 22. Сверху вниз: способы выделения информации в основном тексте: применение курсивного и капительного начертаний; подчеркивание; цвет; использование другой гарнитуры, изменение насыщенности
Pic.38
Правило №16 Не нарушайте целостность рисунка шрифта. Правильно разработанный шрифт не содержит случа
Правило №16 Не нарушайте целостность рисунка шрифта. Правильно разработанный шрифт не содержит случайных пропорций и деталей. Если вам необходим более узкий или более широкий шрифт, используйте специально разработанные версии этого шрифта, такие как Condensed и Extended.
Pic.39
Рис. 23. Нарушение рисунка шрифта Рис. 23. Нарушение рисунка шрифта
Рис. 23. Нарушение рисунка шрифта Рис. 23. Нарушение рисунка шрифта
Pic.40
Правило №17 Не нарушайте принцип выравнивания букв и слов по базовой линии. Поскольку шрифты разраба
Правило №17 Не нарушайте принцип выравнивания букв и слов по базовой линии. Поскольку шрифты разрабатываются с учетом базовой линии для оптимальной читабельности, любое отклонение от этой нормы очень сомнительно.
Pic.41
Рис. 24. Примеры нарушения правила 17 Рис. 24. Примеры нарушения правила 17
Рис. 24. Примеры нарушения правила 17 Рис. 24. Примеры нарушения правила 17
Pic.42
Правило №18 Со шрифтами и цветом следите, чтобы имел место достаточный контраст между текстом и фоно
Правило №18 Со шрифтами и цветом следите, чтобы имел место достаточный контраст между текстом и фоном. Слишком малый контраст в цвете, насыщенности или комбинация этих показателей могут существенно снизить уровень читабельности.
Pic.43
Рис. 25. Черный текст на белом фоне — признанное классическое сочетание. Белый текст на черном фоне
Рис. 25. Черный текст на белом фоне — признанное классическое сочетание. Белый текст на черном фоне — сочетание, менее удобное для чтения Рис. 25. Черный текст на белом фоне — признанное классическое сочетание. Белый текст на черном фоне — сочетание, менее удобное для чтения
Pic.44
Рис. 26. Сравните цветовые комбинации в правой и левой колонках. Очевидно, что больший контраст межд
Рис. 26. Сравните цветовые комбинации в правой и левой колонках. Очевидно, что больший контраст между текстом и фоном, на котором он расположен, положительно влияет на читаемость Рис. 26. Сравните цветовые комбинации в правой и левой колонках. Очевидно, что больший контраст между текстом и фоном, на котором он расположен, положительно влияет на читаемость


Скачать презентацию

Если вам понравился сайт и размещенные на нем материалы, пожалуйста, не забывайте поделиться этой страничкой в социальных сетях и с друзьями! Спасибо!