Как оформить титульный лист слайда

Разместите заголовок по центру, шрифтом 36–44 pt, не более 8–10 слов; оставьте боковые поля по 5–8% ширины слайда и вертикальное выравнивание в верхней трети экрана для естественной читабельности.

Выберите максимум 2 шрифта – один для заголовка, другой для вспомогательного текста. Подходящие семейства: Arial, Helvetica, Roboto, Inter. Размеры: заголовок 36–44 pt, подзаголовок 20–28 pt, имя докладчика и организация 14–18 pt. Межстрочный интервал установите в диапазоне 1.1–1.3, чтобы строки не сливались и оставалось место для визуальной паузы.

Обеспечьте контраст: для крупных заголовков соблюдайте контраст не ниже 3:1, для мелкого текста – минимум 4.5:1 (по стандартам WCAG). Если используете фоновое изображение, затемните его наложением 40–60% или снизьте насыщенность на 30–50%, чтобы текст остался четким с расстояния просмотра.

Ограничьте элементы: на титульном листе оставьте не более 3–4 блоков – заголовок, короткий подзаголовок (6–12 слов), имя/должность докладчика и дата/организация. Логотип поместите небольшим – не более 8–10% ширины слайда (для 1920×1080 это ~150–190 px), обычно в нижнем правом или верхнем левом углу с полем вокруг равным высоте логотипа.

Фон держите простым: однотонный цвет или одно изображение без сложных деталей. Для экспорта используйте формат PNG или PDF, разрешение для экранов – 1920×1080 px (16:9), для печати – 300 dpi. Это сохранит четкость шрифтов и корректное соотношение элементов при показе и рассылке.

Какие размеры и поля использовать: 16:9, 4:3, печатные форматы

Используйте 16:9 (например, 1920×1080 px) для экранных презентаций, с безопасной зоной текста 5% от каждой стороны (для 1920×1080 это ~96 px слева/справа и ~54 px сверху/снизу).

Для 16:9 указывайте физический размер слайдов в PowerPoint как 10″ × 5.625″ (25.4 × 14.29 см). Частые экспортные разрешения: 1280×720 (минимум для презентации), 1920×1080 (Full HD), 3840×2160 (4K). Оставляйте заголовки и важные элементы внутри безопасной зоны 5–7.5% (на Full HD: 96–144 px по горизонтали, 54–81 px по вертикали).

Для формата 4:3 указывайте размер 10″ × 7.5″ (25.4 × 19.05 см). Распространённые разрешения: 1024×768, 1400×1050, 1600×1200. Для 4:3 держите текст в зоне 5–8% от краёв (на 1024×768 это ~51–82 px и ~38–61 px вертикально).

Для печати используйте стандартные размеры: A4 – 210×297 мм, A3 – 297×420 мм. Добавляйте обрезной край (bleed) 3 мм со всех сторон; виртуальный размер A4 с bleed: 216×303 мм, A3 с bleed: 303×426 мм. Поля для текста внутри обреза: 10 мм для A4, 12–15 мм для A3.

Растровые изображения для печати: 300 DPI для материалов до A3 (к примеру, A4 при 300 DPI = 2480×3508 px, A3 при 300 DPI = 3508×4961 px). Для больших постеров (A2 и больше) допускается 150–200 DPI в зависимости от расстояния просмотра; при близком рассмотрении держите 300 DPI.

Для постеров: A2 (420×594 мм) при 150 DPI ≈ 2480×3508 px, при 300 DPI ≈ 4961×7016 px. Поля под текст для постеров – 20–25 мм, bleed – 3–5 мм, учитывайте технический допуск типографии.

При экспорте в PDF: задайте итоговый размер слайда в сантиметрах, включите bleed и crop marks, встроите шрифты и не снижайте разрешение изображений ниже рекомендуемого. Для экранов устанавливайте экспортный файл в пикселях с нужным соотношением сторон; для печати экспортируйте с физическими размерами и 300 DPI.

Короткая памятка: 16:9 – 1920×1080 px, безопасная зона 5%; 4:3 – 1024×768–1600×1200, безопасная зона 5–8%; печать A4/A3 – bleed 3 мм, поля текста 10–15 мм, изображения 300 DPI.

Как расположить логотип, название презентации и имя автора

Разместите логотип в углу, занимая 6–10% ширины слайда; установите название по центру крупным шрифтом, а имя автора – под ним меньшим шрифтом и с отступом 16–24 px.

Логотип: ширина 6–10% от ширины слайда (для 16:9 при 1920 px это 115–192 px), высота пропорциональна исходнику; оставьте от края 3–5% (58–96 px при 1920 px). Используйте прозрачный фон или монохромную версию при плотном цвете фона. Минимальная видимая область логотипа – 40–50 px по высоте для экранов с низким разрешением.

Название: размер 36–48 pt для встречи в зале, 44–60 pt для заглавного слайда на конференции. Ограничьте название двумя строками; межстрочный интервал 1.05–1.2. Выравнивайте по центру для официального вида или по левому краю для делового оформления. Контраст текста к фону не ниже 4.5:1 для обычного текста, 3:1 для крупных заголовков.

Имя автора и дополнительные данные: размер 18–24 pt, интервал 1.1, цвет на 30–40% темнее/светлее фона по сравнению с заголовком. Располагайте на расстоянии 12–24 px от названия; при левом выравнивании сдвигайте авторскую подпись на 6–12 px внутрь от логотипа, чтобы создать визуальную ось.

Иерархия и баланс: визуальный приоритет – название, затем логотип и имя автора. Если логотип привлекает слишком много внимания, уменьшите его до 4–6% ширины и увеличьте негативное пространство вокруг названия. Если логотип должен быть заметен, ставьте его правее и выравнивайте по вертикали с центром заголовка.

Адаптация под форматы: для 4:3 увеличьте относительные размеры логотипа на 1–2% и оставьте более крупные отступы сверху (5–7%). На мобильных версиях уменьшите название на 20–30% и расположите имя автора под логотипом с выравниванием по центру.

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

Используйте читаемый шрифт без засечек, кегль 36–80 pt в зависимости от зала и не менее 1.05 межстрочного для двух строк; уменьшайте насыщенность и межбуквенный интервал только при необходимости.

• Шрифт – конкретные рекомендации

  • Отдавайте предпочтение sans-serif: Roboto, Inter, Open Sans, Helvetica, Arial. Эти шрифты читаются на расстоянии и сохраняют четкость при большом размере.
  • Для деловых презентаций допустимы serif: Georgia или Merriweather, но используйте их только при одном стиле и тестируйте читаемость с 4–10 м.
  • Для акцентов берите одну гарнитуру с двумя весами (Regular + Bold). Не смешивайте более двух разных гарнитур в заголовках.
  • Исключите декоративные и рукописные шрифты для основных заголовков; применяйте их только для одиночных дизайнерских элементов и проверяйте читаемость на цветном фоне.

• Кегль – точные числа по расстоянию

  1. Малый зал (до 5 м): заголовок 36–44 pt, подзаголовок 24–30 pt.
  2. Средний зал (5–10 м): заголовок 44–60 pt, подзаголовок 28–36 pt.
  3. Большой зал/театр (более 10 м): заголовок 60–80 pt, при необходимости до 90 pt.
  4. Экран высокого разрешения (1920×1080): ориентируйтесь на pixel-эквивалент – 1 pt ≈ 1.33 px; например, 48 pt ≈ 64 px.
  5. Если заголовок занимает более одной строки, увеличьте кегль на 2–8 pt, чтобы сохранить визуальный вес.

• Межстрочный интервал (line-height) – практические значения

  • Одна строка заголовка: line-height 1.00–1.05 – компактно и сфокусировано.
  • Две строки заголовка: line-height 1.05–1.15 – улучшает читаемость и визуальную связность.
  • Три строки и более: line-height 1.15–1.3; при узких буквах допускайте до 1.35.
  • В CSS задавайте относительные значения: например, font-size: 48px; line-height: 1.12;
  • При использовании ALL CAPS добавьте межбуквенный интервал: letter-spacing 0.03–0.08 em; при обычном регистре хватит 0–0.02 em.

• Ограничения по длине и размещению

  • Не более 2 линий заголовка в большинстве слайдов; оптимум – 6–10 слов или 30–45 символов в строке.
  • Выравнивание: слева для текста с блоками и диаграммами, по центру для одиночных заголовков на пустом фоне.
  • Держите отступы вокруг заголовка не менее 8–10% ширины слайда, чтобы сохранять «дыхание» вокруг текста.

• Вес шрифта, контраст и тестирование

  • Для заголовка используйте веса 600–700 (Semi-Bold/Bold). Для очень коротких заголовков допустим 800, но избегайте жирного для длинных фраз.
  • Контраст ≥ 4.5:1 для основной пары фон/текст; при сильном заднем фоне добавьте полупрозрачную подложку или тень (opacity 60–85%).
  • Проверьте внешний вид на реальном проекторе или мониторе с типичным расстоянием зрителя перед показом.

• Быстрая проверка перед финалом

  1. Фон + заголовок читаются с 4, 8 и 12 метров.
  2. Заголовок занимает не более двух строк на большинстве экранов.
  3. Шрифт одинаково хорошо смотрится в латинице и кириллице (если нужна мультиязычность).
  4. Контраст и вес сохраняют читаемость при уменьшении презентации для печати или мобильных просмотров.

Следуйте этим числам и тестируйте итоговую страницу в условиях, близких к реальным – это гарантирует, что заголовок останется заметным, читаемым и аккуратным на любом экране.

Как выбрать фон: фото, однотонный цвет, градиент и текстуры

Выбирайте фон по пяти критериям: читаемость текста, нужная эмоциональная тональность, контраст, композиция и техническое соответствие формату показа.

Фото: используйте изображения с разрешением минимум 1920×1080 px для слайдов 16:9; для 4K – 3840×2160 px. Размещайте текст в зонах с низкой визуальной плотностью (пустые участки или однотонные области) или добавляйте слой-перекрытие rgba(0,0,0,0.35–0.55) / rgba(255,255,255,0.25–0.45) для выравнивания контраста. Применяйте размытие 8–24 px, если фон слишком детализирован; уменьшите насыщенность на 10–30% при помощи корректирующего слоя, чтобы текст не «терялся». Обрезайте по правилу третей: важный объект смещайте в одну из точек пересечения, оставляя минимум 10% поля вокруг заголовка и ключевой информации.

Однотонный цвет: выбирайте один основной и один акцентный цвет. Соблюдайте коэффициент контрастности не ниже 4.5:1 для основного текста и не ниже 3:1 для крупных заголовков (WCAG). Примеры рабочих пар: заголовок #FFFFFF на фоне #2B2B2B; текст #1F2937 на фоне #F7FAFC. Для CTA используйте контрастный акцент (~#FF6B35 или #0077CC) и ограничьте его одним элементом на слайде.

Градиент: применяйте 2–3 цвета, угол 90° или 135°; устанавливайте точки остановки так: 0% – 10% и 90% – 100% для плавного перехода. Держите изменение яркости в области текста не более 20% по шкале L* (чтобы текст сохранял читаемость). Пример: linear-gradient(135deg, #0F172A 0%, #0B3A58 50%, #12395B 100%). Если текст пересекает градиент, добавляйте полупрозрачную панель (opacity 0.25–0.5) под текстом.

Текстуры: применяйте мелкую зернистость, бумажную или тканевую текстуру с непрозрачностью 5–15% чтобы не отвлекать. Масштабируйте текстуру крупно – не менее чем в 2× размер слайда, чтобы избежать повторяющегося паттерна; при необходимости используйте мягкий виньет (20–40% затемнение по краям) для направления взгляда к центру. Избегайте высокочастотных узоров и глянца за текстом.

Техническая проверка перед показом: тестируйте слайд на проекторе (яркость и контраст ниже, чем на мониторе), на мобильных экранах и при печати. Проверяйте контраст с онлайн-инструментами и оставляйте безопасный отступ 10% по периметру. Для Full HD рекомендуемые размеры – заголовок 64–96 px, основной текст 28–36 px; корректируйте под экран и расстояние аудитории.

Короткая контрольная проверка: 1) текст читается с 5–7 м, 2) ключевая зона слайда свободна от визуального шума, 3) цвета проверены на контраст, 4) фон не создает визуальных конфликтов с логотипом и графиками.

Как настроить контраст, тени и отступы для читаемости

Используйте контраст не ниже 4.5:1 для основного текста и не ниже 3:1 для крупных заголовков (крупный текст = ≥18pt ≈24px или ≥14pt жирный ≈19px).

Проверяйте сочетания цветов через инструмент проверки контраста (Color Contrast Analyzer, встроенный проверщик в Figma или любой онлайн contrast checker) и указывайте конкретные коды цвета; например, #1A1A1A на #FFFFFF дает высокий запас контраста, тогда как #555555 на #F7F7F7 обычно близок к 4.5:1 и требует проверки.

Избегайте наложения сильных текстовых теней; для заголовков применяйте мягкую тень: 0px 1px 2px rgba(0,0,0,0.20). Для белого текста на тёмном фоне используйте 0px 1px 3px rgba(0,0,0,0.35) только при необходимости отделить текст от текстурированного фона.

Для карточек и панелей применяйте слойные тени с небольшими смещениями и низкой непрозрачностью: лёгкая подъёмная тень – 0px 4px 8px rgba(0,0,0,0.10); средняя – 0px 8px 20px rgba(0,0,0,0.15). Не увеличивайте радиус размытия свыше 24px без видимой причины – большие размытия снижaют чёткость границ.

Отступы и интервалы задавайте числами: безопасная зона от краёв слайда 40–80px; внутренний отступ блока 16–24px; расстояние между заголовком и подзаголовком 12–18px; между абзацами 8–16px. Ограничивайте длину строки 50–65 знаков для удобного чтения.

Используйте межстрочный интервал 1.3–1.6 для основного текста и 1.1–1.3 для заголовков. Шрифты для слайдов на экране 16:9 (1920×1080) – заголовок 40–64px, подзаголовок 24–36px, основной текст 20–28px; при проекции или на мобильных устройствах уменьшайте размеры примерно на 15–25%.

Для графиков и иконок применяйте палитры, устойчивые к дальтонизму (ColorBrewer, Okabe–Ito), добавляйте контрастные обводки 1–2px и яркость/насыщенность различий не менее 20–30% между соседними элементами, чтобы различия оставались видимыми при чёрно‑белой печати.

Тестируйте слайды на разных носителях: уменьшите изображение до 50% и проверьте читаемость, посмотрите с расстояния 2–4 метров при презентации, распечатайте в градациях серого. Внесите правки, если контраст падает ниже требуемых значений или тени размывают контур текста.

В каких форматах экспортировать титульный слайд для экрана и печати

Экспортируйте для экрана в PNG (sRGB) в размерах 1920×1080 и 3840×2160 (для ретины); для печати отдавайте векторный PDF (PDF/X-1a) или TIFF в CMYK с разрешением 300 DPI и обрезным полем 3 мм.

Экспорт для экрана

Используйте PNG-24 для слайдов с текстом, графикой и прозрачностью – он сохраняет резкость и четкость шрифтов. Для фоновых фотографий применяйте JPEG с качеством 80–90% (в большинстве случаев quality 85 даёт хороший баланс между качеством и размером файла). Выбирайте профиль sRGB для корректного отображения в браузерах и на экранах.

Экспортируйте две версии: стандартную (1×) и увеличенную (2×) для устройств с высокой плотностью пикселей – например, 1920×1080 и 3840×2160. Для веб-использования ориентируйтесь на размер файла 0,5–3 МБ; при необходимости используйте WebP (совместимость проверяйте заранее) для дополнительного сжатия без заметной потери качества. Для логотипов и векторных элементов отдавайте SVG или PDF, чтобы сохранить масштабируемость.

Экспорт для печати

Готовьте PDF/X-1a с встраиванием шрифтов и конвертацией в CMYK на этапе экспорта. Устанавливайте 300 DPI для печати листов формата A4/A3; для больших форматов (плакаты, баннеры) достаточно 150–200 DPI при условии просмотра с расстояния. Добавьте 3 мм bleed и укажите метки обреза; держите ключевые элементы и текст в безопасной зоне не ближе 5–10 мм от края.

Если используете растровые изображения, экспортируйте в TIFF (LZW) или высококачественном JPEG (95–100%) для фотографий; избегайте сильного повторного сжатия. Контролируйте итоговый вес файла – для коммерческой печати обычно допустимо 10–50 МБ, при необходимости предоставьте отдельные исходники высокого разрешения. Перед передачей в типографию согласуйте профиль CMYK и, при возможности, запросите пробную печать (proof).

Короткая контрольная проверка перед экспортом: профиль цвета (sRGB/CMYK), разрешение (1920×1080 / 3840×2160 / 300 DPI), формат (PNG/JPEG/WebP/SVG/PDF/TIFF), bleed 3 мм и безопасная зона 5–10 мм, встраивание шрифтов и читаемые имена файлов (например: title_slide_1920x1080.png, title_slide_print_A4_CMYK.pdf).