Шрифт для баннера: 9 правил типографики, которые сделают вашу мобильную рекламу заметной — Дизайн на vc.ru — Независимое театральное объединение "Зрительские симпатии"

Содержание

9 правил типографики, которые сделают вашу мобильную рекламу заметной — Дизайн на vc.ru

Тимлид отдела дизайна агентства Go Mobile Екатерина Дмитриева рассказывает, о каких правилах типографики необходимо помнить, когда создаешь баннеры для мобильной рекламы.

10 321 просмотров

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

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

Расположение текста

Правило №1. Ставьте важную информацию в верхней части баннера

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

Правило №2. Используйте выключку по левому краю

Большая часть аудитории читает текст слева направо. В конце строки взгляд пользователя возвращается назад и только потом опускается вниз, поэтому выключка по левому краю — ваш друг.

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

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

Правило №3. Учитывайте safe zones платформ

Для некоторых рекламных форматов (например, stories в Instagram или видео в TikTok) есть сейф-зоны, где нельзя размещать значимую информацию, так как она будет перекрыта интерфейсом приложения. Если нарушить границы safe zones, можно испортить даже самый красивый баннер.

Размер текста

Правило №4. Помните о визуальной иерархии

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

Пример удачной визуальной иерархии

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

Сокращайте текст, если его сложно прочитать на небольшом формате.

Пример визуальной иерархии на маленьком баннере

Шрифты и начертания

Правило №5. Используйте гротески

В печатных материалах чаще используют антикву (шрифты с засечками). Для экранов лучше всего выбирать гротески (шрифты без засечек) — они будут хорошо читаться даже на маленьких форматах, так как у них нет мелких элементов.

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

Правило №6. Используйте начертания для создания визуальной иерархии

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

Пример использования начертаний

Правило №7. Не используйте слишком много разных шрифтов и начертаний

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

Работа с пространством

Правило №8. Помните о «воздухе» между элементами

Частая ошибка новичков — стремление заполнить всю монтажную область баннера. Однако любой контент любит пространство. «Воздух», или пустоты между смысловыми элементами помогают им раскрыться и привлечь к себе внимание.

Пример расположения элементов

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

Если хотите выделить объект на баннере — оставьте вокруг него пустое пространство.

Цвет

Правило №9. Цвет — еще один способ создать визуальную иерархию

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

Пример использования цвета для создания визуальной иерархии

Например, мы можем сделать важные детали яркими и бросающимися в глаза, а неважные (например, дисклеймер) тусклыми и незаметными.

Бонус!

Советы, которые помогут избежать распространенных ошибок:

Не путайте тире «—» и дефис «-». Тире разделяет части предложения, а дефис — части слов.
Не ставьте точку в заголовках. Вместо нее можно использовать восклицательный или вопросительный знак, многоточие. А можно оставить фразу и без знака препинания.
Не используйте капс, если текст длинный. Читать такое будет сложно. Капс можно использовать, если у вас короткий текст в три слова. В таком случае просто увеличьте расстояние между буквами.
Не оставляйте союзы и предлоги в одиночестве в конце строки, если того не требует композиция.
Используйте только кавычки-елочки «». Если внутри них нужно поставить еще кавычки, то ставьте кавычки-лапки „ ”.

Чтобы правила были у вас всегда под рукой, можете скачать краткий чек-лист.

Используйте эти принципы в своей работе, и пользователи не смогут пройти мимо вашего цепляющего креатива.

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

классных шрифтов для баннеров: 35 лучших шрифтов для создания привлекательных баннеров

В этой статье мы покажем вам 35 лучших шрифтов для баннеров, отобранных Glorify, и расскажем, почему они сделают баннеры привлекательными!

4 основных типа шрифтов

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

Serif

Шрифт Serif является наиболее традиционным из используемых шрифтов. Хорошо известным примером этого может быть «Times New Roman», где буквы имеют дополнительные маленькие линии на концах.

Sans Serif

Это слово буквально переводится с французского как «Без засечек». Стиль представляет собой обычный шрифт, очень похожий на Serif, но без лишних линий. Типичным примером этого может быть Calibri или Arial.

Script

Более известный как cursive, Script — это любой шрифт, напоминающий рукописный текст. Примером этого является «Lucida Handwriting». Хотя обычно они имеют слово «сценарий» как часть своего имени.

Дисплей

Шрифты дисплея включают в себя большие, жирные рисунки, которые выделяются. Их цель — привлечь внимание к тексту и произвести впечатление. Часто используется для более коротких фраз текста, известным примером может быть «алжирский».

Рассмотрев 4 основных типа шрифтов, давайте перейдем к нашим 35 подобранным шрифтам, которые вы можете использовать, чтобы сделать ваши баннеры выделяющимися!

35 Крутые шрифты, чтобы оживить ваши баннеры

1. Волхов

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

2. Source Serif Pro

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

3. Advent Pro

Нужен современный шрифт без засечек со своей изюминкой? Тогда Адвент Про для вас. Он обеспечивает разборчивый шрифт с хорошим интервалом. Одной из его особенностей является дизайн буквы Y, добавляющий нотку игривости в общую отделку.

4. Allura

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

5. Open Sans

Open Sans — еще один шрифт, широко используемый для веб-сайтов, и даже один из любимых шрифтов Google. Его четкая отделка и разборчивость делают его идеальным для всех мелкотекстовых описаний. Это действительно улучшает ваш пользовательский опыт.

6. Дисплей Playfair

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

7. Rock Salt

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

8. Сакраменто

Это еще один рукописный шрифт, который можно использовать как для текста заголовка, так и для основного текста. Благодаря стильному круглому шрифту Sacramento легко читается. К этому добавляется традиционная рукописная имитация, которая выделит ваш дизайн.

9. Ultra

Этот дисплейный шрифт — мой фаворит. Характер, придаваемый небольшими завитушками с хвостиком букв «t» и «a», придает мягкое игривое дополнение к его общему резкому блочному виду. Сильный характер этого шрифта обязательно привлечет внимание ваших плакатов.

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

10. Пишущая машинка Veteran

Этот экранный шрифт, который иногда ошибочно принимают за Serif, придает вам старый, традиционный вид машинописного текста. Хотя его сложно использовать, мы заверяем вас, что если бы было что-то среднее между игривым и профессиональным, это было бы так.

11. Short Stack

Этот экранный шрифт идеален, если вы ищете что-то вроде Rock Salt, но с строчными буквами. Его закругленные края придают игривый вид, который обязательно выделит ваш бренд.

12. Quattrocento Sans

Лучшей характеристикой этого шрифта без засечек будет волнистая линия под буквой «Q». Это добавляет штрих стильности к общему виду этого шрифта. Легко читаемый шрифт можно использовать вместе с рукописным шрифтом в заголовке.

Он сочетает в себе элегантность и профессионализм, будучи разборчивым в любом размере и форме.

13. Poiret One

Минималистичный, геометрический и современный. В этом шрифте есть все, что вы ищете, и даже больше. Тонкий вес этого шрифта по-прежнему производит впечатление благодаря стильному дизайну. Как говорится, меньше да лучше!

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

14. Pinyon Script

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

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

15. Nobile

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

16. Luckiest Guy

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

17. Knewave

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

18. Montserrat

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

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

19. Parisienne

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

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

20. Francois One

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

21. Helvetica

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

22. Универс

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

23. Frutiger

Этот шрифт был специально разработан Адрианом Фрутигером для системы указателей направления в аэропорту имени Шарля де Голля. Это хорошо читаемый шрифт с хорошо заметным строчным шрифтом.

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

24. Futura

Этот шрифт идеально подходит для любой формы рекламы на плакатах, в журналах, книгах и т. д. Этот шрифт довольно популярен благодаря связи с памятной табличкой, оставленной астронавтами Аполлона-11 на Луне в 1969 году. Его можно использовать даже в самых узких местах, и он все равно будет разборчивым.

25. VAG Rounded (VW)

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

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

26. Gill Sans

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

Позже он был принят Penguin Books в качестве лучшего выбора для заголовков и в настоящее время остается шрифтом, используемым для логотипа BBC. Если это не укрепит вашу веру в это, я не уверен, что укрепит! Простота и четкость этого шрифта делают его идеальным выбором для любого плаката или баннера.

27. Avant Garde

Как следует из названия, Avant Garde — это настоящий прорыв в области шрифтов. Этот дисплейный шрифт добавит изюминку вашему дизайну. Он идеально подходит для обложек журналов, так как происходит от журнала Avant Garde , но с таким же успехом может быть эффективен для любого издания.

Геометрический дизайн с острыми углами придает ему футуристический вид, который действительно выведет ваши проекты на новый уровень.

28. Meta

Этот шрифт воспроизводит сильный шрифт без засечек. Широкий набор нижней части буквы «М» и небольшой клин в верхней части буквы «F» отличают ее от традиционных дизайнов.

Тонкие характерные отличия этого шрифта отличают его от других традиционных вариантов, таких как Helvetica. Мы рекомендуем использовать это в ваших заголовках или логотипах, как это сделал The Weather Channel!

29. Avenir

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

30. Times New Roman

Этот непревзойденный вневременной шрифт — то, что нужно, если вы ищете что-то профессиональное и надежное. Times New Roman никогда не разочарует. Еще одним положительным моментом является то, что этот шрифт легко доступен для всех и везде.

31. Knockout

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

32. Akzidenz Grotesk

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

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

33. DIN

Широко рекомендуемый профессиональный шрифт FF DIN обязательно поможет вашему четкому и простому дизайну логотипа выделиться. Шрифт предлагает некоторые действительно полезные функции, такие как чувствительные к регистру формы, дроби, надстрочные и подстрочные символы, а также стилистические альтернативы.

34. Franklin Gothic

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

35.

Minion

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

Заключительные мысли

Вот и все — 35 удивительных шрифтов, с которыми вы можете поэкспериментировать, чтобы оживить дизайн ваших баннеров. Хотя в этой статье мы сосредоточимся исключительно на шрифтах, есть много других аспектов баннера, которые требуют внимания. К ним относятся цветовая палитра, размеры, плотность пикселей, макет, элементы и многое другое.

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

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

Часто задаваемые вопросы

1) Какой шрифт лучше всего подходит для вывесок и баннеров?

Любой шрифт без засечек, так как он более разборчив и удобен для глаз. Наиболее популярными в этом стиле являются Helvetica, Futura и Frutiger.

2) Какой шрифт идеален для человеческого глаза?

Helvetica считается наиболее легко читаемым шрифтом, и многие люди во всем мире предпочитают его как на цифровых, так и на печатных носителях.

3) Все ли шрифты можно использовать бесплатно?

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

4) Какой самый успокаивающий шрифт?

Семейство Serif обычно побеждает в этой категории.

5) Какой шрифт идеально подходит для пожилых людей? ‍

Семейство шрифтов Sans Serif обычно определяется как лучший шрифт для удобочитаемости.

6) Какой шрифт самый привлекательный?

Экранные шрифты наиболее привлекательны с точки зрения эстетики. Но в тройку лучших шрифтов для основного текста входят Roboto, Playfair Display и Helvetica. Они приятны для глаз, но выделяются среди остальных.

7) Какой самый крутой стиль шрифта?

Хотя это субъективно, самые крутые шрифты — это те, которые действительно привлекают внимание своей яркостью и красноречием. Это будет включать Frutiger, Knewave и Akzidenz Grotesk.

‍

Баннер Шрифты, темы, шаблоны и загружаемые графические элементы на Dribbble

Посмотреть Иисус любит тебя
Иисус любит тебя
Просмотреть бесплатный мокап баннера
Бесплатный макет баннера
Посмотреть заголовок героя — Исследование
Заголовок героя — Исследование
Посмотреть Harbour & Sons Supply Co Pt.
No related posts.