Почему типографика важна для вашего сайта

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

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

Или это так?

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

Эти слова должны быть прочитаны, чтобы впоследствии быть понятыми, обработанными и переваренными. Но для того, чтобы ваша аудитория читала, вы должны представить свое сообщение надлежащим и эффективным образом.

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

Что такое типографика?

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

Элементы типографики, которые стоит учитывать

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

1. Гарнитуры: это первое, что приходит на ум, когда мы думаем о типографике. Некоторые даже используют термины «шрифт» и «типографика» взаимозаменяемо, однако шрифты представляют собой простое подмножество того, что составляет типографику. Гарнитуры просто относятся к имени используемого стиля текста. Примеры включают Helvetica, Times, Papyrus и Arial.
2. Шрифты. Большинство людей также используют термины «шрифт» и «гарнитура» взаимозаменяемо, но если быть точным, шрифт относится к определенному стилю шрифта, указывающему размер, высоту, ширину и стиль. Arial Narrow, размер 14, курсив — это шрифт. Как и Myriad Pro Regular, размер 12.
3. Отслеживание: это пространство между символами или группами символов в текстовом блоке. Хотя отслеживание, как правило, является относительно стандартным, его можно настроить, чтобы повлиять на плотность текста.
4. Кернинг: в то время как отслеживание является более общим термином, кернинг конкретно относится к расстоянию между отдельными буквами и символами, обычно в горизонтальной плоскости.
5. Длина строки: это относится к длине текста, идущего слева направо по всей странице. Это можно изменить, отрегулировав поля, кернинг и размер шрифта. Чем длиннее строка, тем труднее ее читать.
6. Интерлиньяж: Интерлиньяж — это расстояние между буквами и строками текста, расположенными непосредственно выше и ниже.

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

Почему

Типографика подчеркивает визуальную индивидуальность веб-сайта

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

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

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

Типографика помогает определить ваш бренд

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

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

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

Типографика фокусирует внимание ваших читателей

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

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

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

Типографика сохраняет целостность вашего веб-сайта

Типографика — это клей, который связывает различные элементы вашего сайта вместе.

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

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

Как заставить типографику работать на вас

Шрифты, гарнитуры и их разновидности

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

Тысячи шрифтов в нескольких категориях

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

1. Засечка : засечка — это небольшой выступ в конце штриха, обычно видимый внизу, но также и вверху или у дальнего правого или левого края букв. Например, строчные буквы «m» или «n» в этих шрифтах выглядят как «ножки». Примеры шрифтов с засечками включают Times, Baskerville и Cambria.
2. Sans Serif : у этих шрифтов нет концевых штрихов или «ножек». Они имеют чистый, обтекаемый или минималистичный вид, но иногда их труднее читать при меньших размерах. Примеры этих шрифтов включают Arial, Helvetica и Calibri.
3. Script : эти декоративные шрифты популярны благодаря своему элегантному виду и часто встречаются на свадебных приглашениях, сертификатах и ​​подобных документах. Чтобы использовать их эффективно, используйте их экономно, с достаточным пространством и в достаточно больших размерах, чтобы оценить их мастерство.
4. Дисплей : этот тип шрифта часто можно увидеть на афишах фильмов, вывесках и заголовках газет. Подобно рукописным шрифтам, используйте их только для акцента, так как слишком много может быть ошеломляющим.
5. Надписи от руки : как следует из названия, эти шрифты имеют нарисованный от руки внешний вид, имитирующий почерк ребенка; или неформальные, поспешные каракули на доске. Преимущество этих шрифтов в том, что они несут человеческий фактор, которого нет в других категориях.

Читаемый контент читается

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

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

Держите длину строки где-то между 50 и 75 символами в строке. Это означает использование от 10 до 15 слов, независимо от того, оправданы строки или нет.

Выбор шрифта

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

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

Освоение тонкостей

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

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

Вывод: найдите то, что работает (и придерживайтесь этого)

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