Типографика в веб-дизайне – это искусство оформления текстовой составляющей страницы. То есть, это все, что касается заголовков, подзаголовков, и шрифта, которым набран основной текст. Сегодняшняя подборка из топ-10 трендов типографики 2018 поможет вам найти современное решение для своего проекта.

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

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

Читайте также: Что такое айдентика и зачем она нужна

Топ-10 трендов типографики в 2018 году

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

1. Шрифты без засечек.

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

Пример – сайт Awwwards. Уж кто-кто, а эти ребята знают толк в новомодных тенденциях.

Для каких проектов подходит: для всех, где важна именно читабельность текста, в особенности для новостных и информационных сайтов.

2. Большие заголовки.

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

Для каких проектов подходит: для лендингов и сайтов, которые хотят донести важное сообщение на первом экране.

ТОП-10 конструкторов сайта

3. Переменные (вариативные шрифты).

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

В 2016 году появилась новая технология под названием «OpenType Font Variables». Благодаря ей один файл со шрифтами ведет себя как набор разных начертаний, и приспосабливается к разным размерам и типам экранов. Это здорово экономит время дизайнерам и разработчикам.

Для каких проектов подходит: для всех, которые хотят выглядеть одинаково привлекательно на больших и на маленьких экранах.

4. Рисунок в тексте.

Необычная техника появилась как вариант огромных заголовков. Просто большие однотонные буквы могут выглядеть скучно, а вот если за словами угадывается рисунок – совсем другое дело.

Для каких проектов подходит: для тех, основное призвание которых – создать вау-эффект и поразить посетителя, запомниться.

5. Надписи поверх большого изображения.

Большие изображения (hero images) – это еще один тренд в веб-дизайне, который появился в 2016 году. Хоть картинка и стоит тысячи слов, донести до пользователя суть своего предложения словами все-таки нужно. Поэтому появилась тенденция писать большими буквами прямо поверх картинки. Если дизайнер подберет хорошее фото и правильный шрифт – получается убойный тандем, который подстегивает посетителя просматривать ваш сайт дальше.

Для каких проектов подходит: для лендингов, для сайтов креативных студий и агентств.

Как быстро сделать картинку для соцсетей

6. Рукописные шрифты (леттеринг).

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

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

7. Радужные надписи и градиенты.

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

Градиент стал отдельной веткой развития этого тренда.

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

Зачем Digital Marketing бизнесу

8. Уникальный шрифт «на заказ».

Шрифты можно покупать, скачивать, можно использовать Google Fonts… А можно заказать у дизайнера, который создаст уникальный шрифт только для вашего проекта. Это будет очень оригинально, а оригинальность сегодня как никогда в моде.

Для каких проектов подходит: эксклюзивных, дорогих, рассчитанных на особую аудиторию.

9. В стиле «ретро».

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

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

10. Выделение цветом.

Минимализм диктует свои правила: простые шрифты, побольше белого пространства… Но иногда нужно сделать акцент на каком-то слове в тексте. На выручку придет еще одна тенденция – это выделение текста цветом. Как будто кто-то провел цветным маркером по листу бумаги. Поверьте, посетитель не сможет не заметить ваше сообщение.

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

Ещё по теме: Чем отличает UX и UI дизайн

Заключение

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

Также в нашем блоге вы найдёте тренды интернет-маркетинга 2018 и тренды SMM 2018.