English

Blog

Типографика в веб дизайне

Categories: Web Design

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

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

Хотя основы веб типографики почти не изменились. Большинство популярных шрифтов для веб дизайна были созданы десятилетия назад (например, Helvetica, в 2007 году отпраздновал своё 50 день рождение) или раньше (Times New Roman придуманный в 1931 году), не говоря уже об Baskerville, который придумали несколько веков назад.

Последние 20 лет веб-дизайнеры в большей части своих работ используют ограниченный набор шрифтов: Arial, Times New Roman, Georgia и Verdana. Конечно можно всегда использовать проверенные решения, на для создания индивидуального стиля, нужно экспериментировать. Самым большим препятствием для веб типографики было то, что броузеры поддерживали лишь несколько гарнитур. Однако, новые технологии позволят веб-типографике воплощать в код все самые смелые задумки дизайнеров.

7 трендов веб-типографики

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

Адаптивный дизайн и типографика

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

Крупный размер шрифта

Размены экранов устройств растут, то же самое происходит и с размером текста на них. Для обычного пользования уже повсеместно рекомендуется размер 14-16 пикселей. Но для каждого типа контента и устройства требуется оптимизация для лучшего восприятия. Благодаря новым технологиям верстки это делается очень легко.

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

Плоские шрифты с засечками


merge

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

Использование нескольких шрифтов


Chirp >> The Twitter Developer Conference

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

Смешение насыщенности шрифтов


Morphix

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

Рукописные и грубые гарнитуры


Hull Digital Live

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

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

Использовать такие шрифты и гарнитуры полезны лишь в меру.

Больше пустого пространства


blog.fl-2.com

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

Вместо заключения

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