Психология типографики

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

Письменное слово существовало на протяжении веков как средство, позволяющее нам выражать эмоции, делиться историями и передавать свои мысли. Но вам достаточно взглянуть на рост Instagram и Snapchat по сравнению с упадком Twitter, чтобы понять, что письменное слово имеет жесткую конкуренцию со стороны видео и изображений.

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

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

Звучит как вызов? Вот несколько советов по использованию типографики для привлечения аудитории.

Выразите индивидуальность вашего бренда

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

Шрифты можно разделить на несколько категорий.

• Шрифты с засечками, такие как Times New Roman, Baskerville и Georgia, имеют декоративные линии (засечки) в конце каждого символа. Они ассоциируются с традицией, авторитетом, надежностью и респектабельностью.
• Шрифты без засечек, такие как Helvetica, Arial, Museo Sans Rounded и Verdana, не имеют декоративных линий. Они считаются чистыми, современными, объективными и стабильными.
• Рукописные шрифты, такие как Lucinda, Lobster и Brush Script, основаны на почерке. Они используются для передачи чувства элегантности, творчества и дружелюбия.
• Шрифты Slab, включая Courier, Bevan, Aracher и Rockwell, характеризуются жирными засечками. Используйте их, если хотите выглядеть смелым, сильным или выразительным в своем бизнесе.
• Современные шрифты, такие как Futura, Politica и Eurostyle, шикарны, стильны и используются для передачи чувства прогрессивности и интеллекта.

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

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

Обратите внимание на форматирование

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

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

18 бесплатных каллиграфических шрифтов для дизайнеров

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

Размер также имеет значение с точки зрения удобочитаемости. Средний размер основного текста составляет от 12 до 14 пикселей, тогда как заголовки могут быть любыми от 18 до 29. Используйте разные размеры шрифта, чтобы привлечь внимание людей к наиболее важным частям текста, однако, как и в случае со стилями шрифта, не используйте слишком много размеров в одном разделе, так как это будет казаться грязным и небрежным.

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

Откиньтесь назад и посмотрите на каждую страницу объективно. Если читатели сталкиваются со стеной текста, они могут казаться непроницаемыми и ошеломляющими. Разбейте содержимое на управляемые фрагменты с большим количеством пробелов, чтобы содержимое могло «дышать». Каждый абзац должен представлять новую концепцию, которая поможет читателю ориентироваться в тексте и взаимодействовать с вашим сайтом.

Раскрась правильно

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

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

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

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

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

Как вы используете типографику для привлечения аудитории? Можете ли вы добавить какие-либо полезные советы? Расскажите нам ниже.

Готовы к очередной статье? Как насчет одного из этих?

• Лучшие бесплатные шрифты для скачивания в 2017 году
• Как использовать иконочные шрифты, будущее веб-дизайна
• Секрет создания запоминающейся истории с помощью дизайна