01/05 Эффектная типографика

Adidas

Источник: Adidas via awwwards

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

Noveske

Источник: Noveske

Определение эффектной типографики

Во-первых, давайте уясним, что эффектная типографика и простая типографика не являются взаимоисключающими понятиями. На самом деле упрощённая типографика на данный момент является одной из самых популярных форм эффектной типографики при создании минималистичного сайта. Чтобы определить, что же такое эффектная типографика, мы просто скажем, что она выделяется по целому ряду причин.
Следуя тренду, мы можем сузить ряд текущих элементов, которые сейчас находят отражение в эффектной типографике:
— Экстремальный размер (большой и маленький)
— Тренд в наложении на изображения
— Творческое использование простых шрифтов
— Пользовательские шрифты
— Художественные шрифты

Vimeo

Источник: Vimeo

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

Основы типографики

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

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

I-Shot-the-Serif

Источник: “I shot the serif.” Tom Gabor. Creative Commons.

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

Доступность шрифтов
Движущей силой эффектной типографики является всё более возрастающая доступность шрифтов для массового использования.

Packdog

Источник: http://packdog.com/

Больше шрифтов сегодня доступны за меньшие деньги – или вообще бесплатно в Google Fonts. Во все планы Adobe’s Creative Cloud включено их собственное Typekit обслуживание.

Spotify

Источник: Spotify

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

Несмотря на то, что использование веб-совместимых шрифтов из набора – это хороший вариант, вам вовсе не обязательно выбирать наиболее мейнстримные варианты. К настоящему времени самыми распространенными шрифтами считаются:

Sans serif fonts:  (шрифты без засечек):

  • Proxima Nova
  • Futura
  • Avenir
  • Open Sans
  • Helvetica Neue

Serif fonts: (шрифты с засчеками):

  • Caslon
  • Garamond
  • Freight Text
  • Minion
  • FF Meta Serif
Теги: , , , ,