Вдохновляющие примеры типографики в веб-дизайне

Автор /  Elena Rabkina

22 февраля 2019

Вдохновляющие примеры типографики в веб-дизайне

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

 

 

 

 

Тенденции в типографике 2019

 

 

1. Рукописный текст

 

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

 

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

 

 

Рукописный текст

 

 

 

 

2. Акварельный текст

 

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

 

 

Акварельный текст

 

 

 

 

3. Буквы с засечками

 

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

 

 

Буквы с засечками

 

 

 

 

4. Комбинация больших и маленьких шрифтов

 

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

 

 

Комбинация шрифтов

 

 

 

 

5. Комбинация гарнитуров

 

С размером определились, теперь можно и к виду шрифта приступить. Здесь нам тоже предлагают свободу выбора: необязательно ограничиваться одними-двумя гарнитурами, если есть несколько интересных вариантов. Можно комбинировать и сочетать совершенно разные буквы. Это интересно и необычно. Главное – не переусердствовать и не создать хаотичное безобразие.

 

 

Комбинация гарнитуров

 

 

 

 

6. Комбинация расцветок

 

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

 

 

Комбинация расцветок

 

 

 

 

7. 3D эффект и аппликации

 

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

 

 

3D эффект

 

 

 

 

8. Геометрические буквы

 

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

 

 

Геометрические буквы

 

 

 

 

9. Сияющие металлические буквы

 

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

 

 

металлические буквы

 

 

 

 

10. Контурные буквы

 

Строгие классические буквы с геометрическим начертанием в этом году будут соперничать с незаконченным написанием. Сейчас в тренде надписи, которые образованы лишь контурами, без заполнения цветом. В сочетании с 3D-элементами это будет составлять очень интересный и красивый тандем.

 

 

Контурные буквы

 

 

 

 

11. Выделенный текст

 

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

 

 

Выделенный текст

 

 

 

 

Кстати, еще один совет, как сделать типографику привлекательной для посетителей, - использовать цвет года. Это беспроигрышный вариант, когда не хочется или по определенным причинам невозможно сделать само написание букв оригинальным. В 2019 по версии Pantone цветом года будет PANTONE 16-1546 Живой коралл (Living Coral). Используйте его в дизайне, чтобы соответствовать тенденциям.

 

 

Pantone текст

 

 

 

 

 

Примеры интересных типографических решений

 

 

1. Умные часы VIITA Titan

 

пример типографики

 

 

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

 

 

 

 

2. Cockta Original

 

контурное начертание букв

 

 

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

 

 

 

 

3. Genesis

 

сочетание шрифтов

 

 

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

 

 

 

 

4. Brandaflair

 

рукописный шрифт сайта

 

 

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

 

 

 

 

5. Sweetjumble

 

геометрического начертания букв

 

 

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

 

 

 

 

Заключение

 

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

 

 

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

 

 

#Заметка

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