Мультиязычная инфографика: как не сломать вёрстку слайда

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

Почему ломается вёрстка

Длина текста при переводе меняется на десятки процентов. Фраза, которая по-русски занимала одну строку, на другом языке уходит в две — и слайд, свёрстанный впритык, рассыпается.

Второй источник проблем — привычка уменьшать кегль ради влезания. На витрине это заканчивается нечитаемым текстом: карточку смотрят с телефона, а не с монитора.

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

Правило запаса по месту

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

Хорошая проверка: сверстайте самый длинный из ваших языков первым. Если он влез, остальные влезут тем более.

Игрушки на белом фоне
Органайзеры для хранения на белом фоне

Что выносить на слайд

Чем короче формулировка, тем проще её локализовать.

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

  • Цифры и единицы — универсальны
  • Иконки вместо описаний свойств
  • Одно преимущество на слайд, а не список
  • Короткие подписи из двух-трёх слов
  • Схемы и размерные раскладки

Технический порядок

Графика собирается слоями поверх чистого кадра: фотография остаётся одна, текстовый слой меняется. Файл с исходной вёрсткой хранится, чтобы новый язык добавлялся за минуты.

Экспорт делается отдельным комплектом на каждый язык, с понятным именованием: артикул, язык, номер слайда.

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

Шрифты и алфавиты

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

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

И проверять экспорт глазами: подстановка недостающего символа другим шрифтом иногда происходит незаметно и портит только часть строки.

Органайзеры для хранения на белом фоне
Игрушки на белом фоне

Что проверить перед загрузкой

Читается ли текст на экране телефона, нет ли смешения языков внутри галереи, не обрезаны ли строки, совпадают ли единицы измерения с местными.

Отдельно — правила площадки: цены, скидки и промо-формулировки запрещены во многих витринах независимо от языка.

Полезно хранить рядом с макетом текстовый файл со всеми строками на всех языках: тогда обновление формулировки не превращается в поиск по слоям.

Частые вопросы

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

Придержим слот за вами

Ближайшие свободные слоты — в расписании и в Telegram. Напишите объём и желаемые даты — пришлём точный расчёт и придержим день.
MPPHOTO · Москва · 8 (800) 5000-235 · @mpphotowb

Мы используем файлы cookie и Яндекс Метрику, чтобы сайт работал корректно и мы понимали, какие страницы полезны. Нажмите «Только необходимые» — и аналитика на вашем устройстве отключится. Подробнее — в политике использования cookie и политике обработки персональных данных.