Как сделать текст рекламы читаемым

При ширине показа 360 пикселей экспорт шириной 1080 пикселей уменьшает шрифт с 48 до 16 пикселей.

Подготовка материалов3 мин чтения

Проверяйте текст рекламы в размере, в котором его показывает размещение, затем исправляйте конкретную проблему: мелкий текст, конкурирующую иерархию, слабое отделение от фона или повреждённые при экспорте края. Нужны итоговые размеры и ожидаемая ширина показа; кегль в редакторе — лишь отправная точка.

Оцените макет в реальном масштабе просмотра

Вычислите масштаб: ширина показа ÷ ширина экспорта. Если изображение шириной 1080 пикселей показывается в 360 пикселей, коэффициент равен одной трети. Шрифт 48 пикселей превратится в 16 экранных пикселей, а условия размером 24 — в 8. Эти числа объясняют уменьшение, но не задают универсальный читаемый минимум: формы букв и условия просмотра всё ещё имеют значение.

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

Назначьте каждой строке одну понятную задачу

Выберите строку, несущую предложение, и отделите её роль от пояснения и действия. Для сервиса записи может лидировать «Запишитесь на следующий приём», а «Выберите свободное время» объяснять действие. Ещё одна столь же заметная фраза «Быстрая и простая запись» повторяет задачу и отнимает место у полезных слов.

Если значок спорит с предложением, уменьшите или уберите необязательный значок до уменьшения заголовка. При неудачных переносах измените ширину текстового блока или возьмите утверждённый короткий текст. Сохраняйте смысловые группы: «Первый месяц / бесплатно» воспринимается проще, чем «Первый / месяц бесплатно», если предложение — бесплатный первый месяц. После смены переноса заново проверьте условие.

Выберите межстрочный интервал, при котором соседние строки различимы. Проверьте внутрибуквенные просветы, например в «e» и «a», и пары букв, сливающиеся в выбранном начертании. Если в размере показа они закрываются, попробуйте более устойчивую или открытую гарнитуру, больше пространства или крупный кегль; повышение жирности тех же тесных букв может усугубить проблему.

Первая реклама записи повторяет обещание фразой Fast, easy booking и придаёт значку NEW такой же вес. Вторая оставляет одно предложение, полезную инструкцию и одно действие.

Защитите контраст и отделение от фона

Проверьте каждое слово на фоне непосредственно под ним. Белый текст может начинаться над тёмной курткой и исчезать там, где строка пересекает яркое окно. Замер в одном тёмном углу не доказывает контраст всей строки.

Перенесите текст в равномерно спокойную область, измените его цвет или добавьте сплошную подложку либо градиент за всей текстовой группой. Включите в неё условие. Осмотрите самый слабый край подложки: градиент, исчезающий раньше последнего слова, оставляет там прежнюю проблему. Проверьте, не скрыта ли деталь товара, подтверждающая утверждение.

Белый текст о записи теряет контраст на яркой полосе. Тёмная подложка во второй рекламе сохраняет читаемость предложения вместе с условием First visit only.

Разместите условия, не сдавливая заголовок

Включите обязательные условия в макет до необязательного поясняющего текста. Цена и «только в первый месяц» должны читаться вместе; перенос второго к нижнему краю может скрыть условие даже при ясной цене.

Если утверждённые условия не помещаются в читаемом размере, уберите необязательный текст или измените компоновку. При необходимости запросите утверждённую короткую формулировку у ответственного за текст или правила. Не выносите обязательное условие за пределы рекламы ради прохождения визуальной проверки. Размещению, которое не вмещает обязательное предложение, может понадобиться другая концепция.

Проверка типографики перед выпуском

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

Наконец, в предпросмотре размещения проверьте, что подписи и элементы управления оставляют всё предложение читаемым. Записывайте проблему как конкретную строку и причину: «условие становится нечитаемым при ширине показа 360 пикселей», а не «сделать типографику выразительнее».

Все статьи