Обучайся бесплатно с WAYUP Premiere сегодня вечером

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

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

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

Хаотичность

Чистота и спокойствие, простота интернета уходит в прошлое. На его место приходят большие, броские, хаотические и сломанные макеты сайтов, среди которых пользователь может ненароком почувствовать себя в смятении. С одной стороны, вы можете подумать, что такая тенденция подавляет восприятие пользователей, усложняет им изучение сайта. Но на самом деле, многие посетители готовы втянуться в легкий и неброский хаос, окунуться в исследования в творческом окружении. Например, это: oneandall, johnjattoh, solo, .tde, lamborghiniporrentruy. Все они используют асимметрию в типографике или легкую хаотичность, от которой обескураживание не наступает, но и информация понятна и легка в восприятии.

Засечки

Удалимся от застывших и прямых, чистых веяний минимализма, ибо шрифты с заческами возвращают свою популярность. Тем самым дизайн обретает своеобразную теплоту и характер в интернете. Аналогично тому, как такие понятия, как «ведение рассказа/беседы» и «связь с посетителями», «установление личного контакта» становятся все более распространенными в области брендинга и торговли, шрифты с засечками становятся хорошим способом добавить элегантность и изысканность в вашу работу над веб-проектом. Для бизнес проектов частенько можно видеть сочетания стандартного Sans шрифта и шрифта с засечками, но если вы решили использовать оба шрифта с засечками, то, безусловно, посетители вашего сайта смогут почувствовать уют и теплоту, исходящую от вас, как веб-дизайнера.

Относится эта тенденция и к стилям шрифта 1970-х годов. Дизайнер-фрилансер и основатель typewolf Джереми Шоаф сказал: «Одну тенденцию типографики, что будет популярна в 2018 году, я могу предсказать. Это теплый, пробуждающийся стиль 1970-х годов с засечками. Я думаю, это реакция на холодные, строгие неоготические шрифты, как Helvetica, которые стали совершенной доминантой в веб-дизайне».

Посмотрите на: chobani, schlossfarrach, misterandmissus, ducasse-paris, markmanson, victoryadvisor

Наложения, маски, экспозиции

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

В качестве примеров могут выступить: latinmedios, .t-pohlmann, papertiger, interword

Обычное подчеркивание

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

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

И вот как эта тенденция выглядит на wired, biron. Она не нова, но от нее достаточно часто пытались отказаться. В течение некоторого времени, это (отказ) было популярно, но теперь все же изменения шрифта/цвета немного станут вторичными.

Вариативность шрифтов или OpenType

Один подходящий размер хорош для свитеров или головных уборов, но не шрифтов. А иногда и курсивного и «обычного» с жирным бывает не достаточно. Почитайте статью о вариативности и изменчивости шрифтов от Джона Хадсона. В основном изменения OpenType происходят в результате масштабирования по различным осям и направлениям. Но благодаря кубической схеме, вы можете с легкостью понять, как работает OpenType и как удобно подбирать сочетания.

Да, речь идет о шрифтах OpenType (векторные) и версии формата OpenType Font Variables или OT1.8. Суть её в том, что в одном файле шрифта может храниться множество вариаций начертания, шрифтовое семейство. И единственное условие – общая интерполяция. Так, осей интерполяции может быть много и представляют они собой пропорции, контраст, насыщенность, размер, анимацию. Таким образом, вместо того, чтобы использовать несколько начертаний шрифта, можно использовать один файл для разных начертаний и хранить его на сервере. Соответственно, обращений к серверу становится меньше. Загружается один раз один файл и из него считывается информация. Подробнее и весьма интересно рассказано в материале Type.today.

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

Рукописный стиль

Год за годом, он этот стиль приходит к нам всегда. И, разумеется, что в 2018 году рукописное начертание будет вновь в тренде. Мы увидим множество сайтов, которые станут использовать рукописный стиль и в виде шрифтов, и в виде уникальных рукописных рисунков, начертаний. Как правило, это относится к заголовкам и логотипам. Поясним, что в данном случае имеется в виду использование не самого шрифта с каллиграфией, а именно созданную от руки надпись и отсканированную, а затем откорректированную в Photoshop/Illustrator.

В качестве примеров мы отобрали: mitsugutakahashi, thewildhoneypie, europejski, dreamgreens, earthwindandflowers, gedpalmer

Градиенты

Градиенты в нынешнее время почти везде. Когда Instagram изменил фон своего логотипа на градиентный, интернет коллективно ахнул. Но сейчас это просто событие, которое когда-то произошло. И одновременно с тем, как пользователи «сети» начали привыкать к наличию градиентов, то тут, то там, стало естественным, что эффект продолжит свою доминанту в 2018 году. Но при этом стоит обратить внимание, что типографика была в стороне от многолетнего тренда. Теперь же  все иначе будет. Градиент станет распространяться на сами буквы, а не на фон. В зависимости от места на странице, что очевидно,  градиент станет стилизованным под 3D или останется простым и плоским.

Да, конечно, фоновые градиенты также получат свои обновления и популярность, о чем мы неоднократно говорили, но именоваться в типографике станут по-простому – «цветовые переходы». Веб-дизайнерам рекомендуется сочетать их вместе с буквами уже сейчас и идти на опережение. А теперь взгляните на: lucasbigot, heatwaves, thorkelsdottir, beargrylls, olivier-guilleux

 

Максимализм

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

Посмотрим на: antoni, tde, migrantsmallbusiness, annethai, resn-experiment, michaelcorrey, b4xvi

Поломанный кернинг

Напомним, что кернинг – это расстояние/пробелы между парами букв. Вот именно о нем и будет идти речь. Давайте посмотрим на тексты, которые мы читаем ежедневно. Мы воспринимаем их все как удобные, поскольку расстояние между буквами всегда, по нашему восприятию, одинаковое, а потому и удобное. Мы просто ожидаем от каждого нового текста, что все будет симметричным, читаемым и равномерным. Но 2018 год предлагает изменение в стилях кернинга и добавление большего количества пространства меду буквами. Это, в свою очередь, даст сайтам чистоту и открытость, посетители не будут чувствовать тесноту в текстах и заголовках. Да, это ненормальное использование кернинга – расставить буквы на ширину плеч. Но саму идею можно удачно использовать, чтобы помочь удержать внимание посетителей и увеличить конверсию, позволить пользователям комфортнее себя чувствовать, ощущать, что они действительно изучают и пребывают на вашем сайте, а не просто: «открыли, листанули и закрыли».

Разумеется, тенденция не для больших объемов текстовых, но для подписей, заголовков, например. Иными словами, не надо тесниться, как в автобусе в «час пик», места много на странице, позвольте буквам чуть-чуть… расступиться. Как это реализовано на: jlantunes, winterworkweek, pioneeringwomen, seasoncreates, lapeaudelours

Общее и целое о шрифтах

Как и за последние два-три года, так и в 2018 году все чаще в мире веб-дизайна можно будет наблюдать творческое разнообразие стилей типографики. Так в моду вернуться строгие геометрические шрифты, такие как Montserrat и Roboto, шрифты с засечками семейства Rufina и Baskerville, шрифты стиля печатной машинки (моноширинные) Arvo.

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

Что в будущем?

Таковы некоторые из самых больших тенденций, которые мы увидим в текущем году. Разумеется, некоторые читатели решат, что такие тренды присущи только для авторских проектов, а не массовых заказов. Увы, но… вы заблуждаетесь. Не стоит, попросту, смешивать все и сразу. Порой достаточно одной тенденции на проект. Главное то, какое содержание и значение вы привносите в проект и создаете для своих посетителей – а это уже искусство (в буквальном смысле, в данном случае). Что действительно интересно, это попробовать чаще оглядываться назад, на тенденции, что были пару лет назад в моде и смотреть на их эволюцию. Что стало успешным и что подвергается дальнейшим изменениям, а что осталось на обочине незамеченным и… нет, не стоит также поступать (выбрасывать не обочину); может и из забытого можно что-то создать новое.

Выводы

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

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

Очевидная вещь тенденций в том, что дизайнерские причуды, которые мы давно считали мертвыми – возвращаются к жизни, но на современный лад.

Как вам материал?