Школа редакторов: вебинар про типографику и верстку

• 00:00:04

  Введение в типографику и верстку

  • • Автор объясняет, что не сможет отвечать на вопросы в YouTube, так как вебинар проводится для школы редакторов. 

  • • Он будет рассказывать о базовых вещах в типографике и верстке, используя примеры в Photoshop. 

• 00:01:43

  Создание полей и расстояния

  • • Автор объясняет, что поля - это неприкосновенное место на документе, которое ограждает контент от внешнего мира. 

  • • Он проводит поля на глаз, используя размеры, которые могут быть изменены в зависимости от предпочтений. 

  • • Он также объясняет принцип компенсации гравитации, который гласит, что нижнее поле должно быть больше верхнего для визуального центрирования объекта. 

• 00:02:40

  Примеры и советы

  • • Автор демонстрирует, как использовать поля для создания документа и объясняет, что поля могут быть определены с помощью модульной сетки или других инструментов. 

  • • Он подчеркивает важность понимания принципов типографики и верстки для успешной работы в этой области. 

• 00:06:39

  Работа с отступами и полями

  • • Обсуждение использования отступов и полей для выравнивания контента на странице. 

  • • Условный заголовок может быть размещен в середине прямоугольника, отложенного с большим отступом снизу. 

• 00:09:32

  Выравнивание текста и изображений

  • • Выравнивание текста по высоте строчных букв, а не заглавных. 

  • • Использование иллюстрации, которая занимает всю ширину текста. 

  • • Устранение фона для облегчения восприятия изображения. 

• 00:14:22

  Расстояние между элементами

  • • Расстояние между элементами должно быть не меньше, чем боковое поле. 

  • • Использование этого правила для выравнивания элементов на странице. 

  • • Разрушение макета при неправильном использовании отступов и полей. 

• 00:17:16

  Типографика и интерлиньяж

  • • Обсуждение правил внутреннего и внешнего интерлиньяжа для текста, который относится к заголовку. 

  • • Интерлиньяж - это расстояние между строками, которое рассчитывается на основе размера шрифта, его рисунка и общего ощущения плотности текста. 

• 00:23:11

  Выбор размера шрифта и интерлиньяжа

  • • Важность правильного выбора размера шрифта и интерлиньяжа для создания читабельного и приятного для глаз макета. 

  • • Сравнение различных размеров шрифта и интерлиньяжа для определения оптимального варианта. 

• 00:26:01

  Подбор шрифтов для работы

  • • Обсуждение различных типов шрифтов (гротеск, антиква, акциденция) и их влияния на интерлиньяж и читабельность текста. 

  • • Важность выбора правильного шрифта для работы и его влияния на общий вид макета. 

• 00:27:51

  Шрифты и их использование

  • • В видео обсуждаются различные типы шрифтов, их особенности и использование в дизайне. 

  • • Упоминаются гротеск и антиква, а также акциденция - декоративный шрифт, который может быть использован для заголовков или плакатов, но не для основного текста. 

• 00:34:21

  Выбор шрифтов

  • • Рекомендуется использовать гротеск для заголовков и антиква или гротеск для основного текста, в зависимости от настроения и задачи. 

  • • В примере рассматривается использование шрифтов "Конкер Слаб" и "Монсератов" для заголовков и основного текста соответственно. 

• 00:37:50

  Настройка читателя на длительное чтение

  • • Автор объясняет, что для настройки читателя на длительное чтение, следует использовать антикву в основном тексте. 

  • • Если же формат текста короткий и быстрый, то лучше использовать гротеск. 

• 00:39:41

  Выбор шрифтов

  • • Автор предлагает использовать гротеск для быстрого чтения и швейцарский стиль для более современного ощущения. 

  • • Для выбора шрифта, автор предлагает оценить субъективные ощущения от разных шрифтов, например, "детские праздники" и "ботокс каждый день". 

• 00:41:26

  Использование шрифтов в работе

  • • Автор объясняет, как использовать выбранные шрифты в работе, например, в верстке вручную или в Google Fonts. 

  • • Он также предлагает использовать полнотолщинные шрифты, такие как 800 или 900, для большей читаемости текста. 

• 00:43:14

  Работа с текстом и шрифтами

  • • Автор обсуждает выбор шрифта для основного текста и подзаголовка, а также расстояние между ними. 

  • • Он также рассматривает расстояние между абзацами и их деление на уровни. 

• 00:55:16

  Создание фактоидов и выравнивание текста

  • • Автор обсуждает создание фактоидов и их расположение на странице. 

  • • Он объясняет, что все яркие и активные элементы должны тяготеть к углам модуля, и что фактоиды должны быть выровнены по высоте букв. 

• 00:56:33

  Проверка расстояний и создание модулей

  • • Автор проверяет, чтобы расстояния внутри каждого блока были меньше, чем расстояния за пределами блока. 

  • • Он также объясняет, что все расстояния внутри модуля должны быть меньше, чем расстояния снаружи. 

• 00:58:25

  Подбор шрифтов

  • • Автор обсуждает различные шрифты и их особенности, такие как угловатость, острота, мягкость и закругления. 

  • • Он приводит примеры шрифтов, таких как "Париж и умереть", "Серф" и "Сан-Серф", и объясняет, как они отличаются друг от друга. 

• 01:01:38

  Иллюстрации и подписи

  • • Автор обсуждает, как подписи под иллюстрациями должны быть расположены относительно основного текста и заголовка. 

  • • Он также подчеркивает, что иллюстрации должны быть основаны на основных мыслях текста, а не на запоминающихся моментах. 

• 01:02:54

  Расстояние между элементами

  • • Автор объясняет, что расстояние между элементами на странице должно быть меньше, чем расстояние между элементами снаружи модуля. 

  • • Он также подчеркивает важность прижимания поля к основному тексту.