Типографика: когда форма и размер имеют значение

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

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

Понятие типографики

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

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

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

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

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

Типографика – это важно?

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

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

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

Как она работает

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

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

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

Интересные факты

В 2012 году The New York Times проводился эксперимент под названием «Вы оптимист или пессимист?», в котором участники должны были прочесть отрывок из книги и ответить «да» или «нет» на пару вопросов

Цель эксперимента: определить, влияет ли начертание шрифтов на доверие читателя к тексту. Участвовали 40 тыс. человек, которым показывался один и тот же абзац в разных начертаниях: Comic Sans, Computer Modern, Georgia, Trebuchet, Baskerville, Helvetica.

Результат: текст, написанный Comic Sans и Helvetica не вызвал у читателей доверия, а вот Baskerville наоборот, вызвал согласие, что, по словам психологов, связано с его формальным видом.

Не менее важным является и размер букв, что было подтверждено экспериментом в Usability News. Сравнивался ряд распространенных в интернете шрифтов: Courier New, Georgia, Arial, Century Schoolbook, Times New Roman, Comic Sans, Tahoma, Verdana, которые представлялись в размере 10, 12, 14 пунктов.

Результат: шрифты Verdana, Arial, Comic Sans лучше всего читаются в размере 10, 12 и 14 пунктов, а быстрее всего – Times New Roman и Arial. Хорошо воспринять информацию позволяет Arial 14, Tahoma 10 и Courier 12. Хуже всего показал себя Comic Sans.

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

Типографика сайта: как выбрать подходящий шрифт

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

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

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

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

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

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

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

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

Напоследок привожу несколько примеров оригинальной типографики сайтов.

AmazeeLabs

Epsdesign

Threadsnotdead

Thisistommy

Креативной вам типографики и стабильно растущих конверсий!