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

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

Реклама: Реклама. Erid 2VtzqwsYycM
Реклама. Erid 2VtzqwsYycM

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

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

Топ-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.

Читайте нас в Телеграм
Читайте нас в Телеграм
Комментарии: Тренды типографики 2018
Ответить
Компании
В тренде
Логотип канала на YouTube – это картинка, которую видят люди, когда смотрят ваши видеоролики. Проведём аналогию с телевизионными каналами – у каждого есть свой значок, без которого они бы не были такими узнаваемыми. Лого канала показывается в каждом ролике в правом нижнем углу. Если навести курсор на значок канала во время показа видео, то появится […]
Архив в Телеграм — специальная папка, в которую пользователи могут перенести чаты и каналы, не нужные на основном экране. Благодаря ей можно освободить страницу с переписками, оставив только основные чаты. В Телеграме можно заархивировать личные переписки, каналы и группы. Вместе с появлением историй, разработчики также добавили отдельный архив историй. В статье расскажем, где найти архив […]
Инстаграм*, как и любая социальная платформа, подвержен сильным изменениям и влиянию новых трендов. Если раньше был важен ежедневный постинг, комментарии и сторис, то сегодня акцент сместился в сторону Reels и личных сообщений. Это одна из самых явных тенденций. Менее явные тенденции того, как изменилась и изменится соцсеть в будущем, а также какие тренды в Инстаграм […]
Telegram представил новую функцию — «Похожие каналы», которая рекомендует пользователю каналы для подписки. Теперь, когда человек подписывается на ТГ-канал, у него открывается список похожих публичных каналов, которые подбираются автоматически по пересечению аудиторий. Соответственно, чтобы попасть в рекомендации, необходимо пересечение аудиторий с другим каналом. Кроме того, раздел с похожими каналами появится в отдельной вкладке в профиле […]
Visper.tech – нейросеть, способная генерировать видео на основе изображений и текста. В статье рассмотрим функционал и тарифы сервиса, разберемся, как создавать ролики с использованием нейросети. Читайте также: 5 бесплатных нейросетей для генерации текста Как зарегистрироваться на Visper.tech Visper tech – это платформа на базе искусственного интеллекта, запущенная Сбером в апреле 2021 года. Позволяет создавать виртуальных […]
Новости
Статьи