BlogДизайн

Текст на превью: одна мысль, а не фраза

Когда добавлять текст, сколько его писать, каким шрифтом и где размещать. Плюс 8 бесплатных шрифтов, которые читаются даже в крошечном размере.

3 мин чтения

Текст на превью читают как дорожный знак на трассе: на ходу, не останавливаясь. Если его приходится перечитывать, он уже проиграл.

Текст дополняет название, а не повторяет его

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

Одна мысль, а не фраза

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

Шрифт, который выдерживает уменьшение

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

8 бесплатных шрифтов, которые стоит попробовать

Все они бесплатны в Google Fonts и распространяются по лицензии SIL Open Font License, которая разрешает коммерческое использование. Но всё равно перечитай лицензию каждого шрифта перед клиентским проектом.

ШрифтХарактерХорош для
Big Shoulders DisplayОчень узкий, внушительные заглавныеГейминг, спорт, крупные заголовки
Barlow CondensedУзкий и чёткийНовости, документалки, бизнес
OswaldУзкий, несколько начертанийПроисшествия, история, расследования
RubikОкруглый и массивныйЧелленджи, развлечения
PoppinsГеометрический и округлыйВлоги, лайфстайл, туториалы
InterНейтральный, очень читаемыйТехника, финансы, образование
Bricolage GrotesqueСовременный, с характеромДизайн, креативные каналы
Titan OneОкруглый, очень жирныйИгры, семейный контент, лёгкий тон

Как выделить текст

  • Крупнее, чем тебе кажется: то, что выглядит огромным на твоём экране, в ленте становится маленьким.
  • Тест чёрно-белым: переведи превью в оттенки серого. Если текст сливается с фоном, контраст слишком слабый, какими бы ни были цвета.
  • Обводка, тень или плашка, когда текст проходит по перегруженной зоне.
  • Один акцентный цвет: выдели одно слово, а не всю фразу.

Где его разместить

Избегай правого нижнего угла, где показывается длительность, и оставляй отступ от краёв (см. что YouTube прячет на твоём превью). Ставь текст туда, куда взгляд попадает после главного объекта, а не поверх него.

Перед экспортом

  • Текст что-то добавляет к названию
  • Одна мысль
  • Толстый и простой шрифт
  • Читается в крошечном размере
  • Читается в чёрно-белом
  • Ничего в правом нижнем углу
Источники
Google Fonts

Читайте также

Все статьи →

От теории к практике.

Поиск клиентов, вдохновение и инструменты для превью в одном месте. Бесплатный старт, без карты.

Начать бесплатно