В смартфоне, в книгах, на сайтах и даже на улице мы постоянно потребляем письменную речь. От буклетов с инструкциями до витрин магазинов, шрифт окружает нас повсюду. Мы часто говорим о силе написанного слова, но редко задумываемся о роли дизайнера в передаче настроения слова или предложения.
Вдали от внимания общественности дизайнер потратил время на то, чтобы исследовать взаимосвязь между внешним видом текста и его посланием, внутренним содержанием. Различные настроения, чувства и эмоции могут быть переданы лишь за счет подбора гарнитуры. Но что все же такое типография и почему она так важна?
Что такое типографика?
Начнем с основ: По сути, типографика – это искусство расположения букв и текста таким образом, чтобы текст был разборчивым, четким и визуально приятным для читателя. Типографика включает в себя стиль гарнитуры, внешний вид и структуру. Все эти элементы направлены на то, чтобы вызвать определенные эмоции и передать определенные сообщения. Короче говоря, типографика — это то, что делает текст живым.
Рождение типографики можно датировать 11 веком, когда был изобретен наборный шрифт. До наступления цифровой эры типографика была специализированным ремеслом, связанным с книгами и журналами, а позже и с рекламой и маркетингом. Первый пример типографики можно увидеть в Библии Гутенберга, которая положила начало революции в книжном производстве. Интересный факт: гарнитура, используемая в Библии Гутенберга, теперь известна как Textura, и сегодня вы можете найти ее, открыв текстовый редактор на своем ноутбуке!
Перенесемся в современность, где типографика в основном связана с цифровым миром и с печатью. С рождением Интернета произошел креативный взрыв в искусстве типографики. Внезапно в распоряжении дизайнеров появилось множество начертаний и вариантов набора текста, что сделало типографику более разнообразной, чем когда-либо прежде.
Почему типографика важна?
Типографика – это гораздо больше, чем просто выбор красивых шрифтов: это ключевой компонент дизайна. Хорошая типографика создаст четкую визуальную иерархию, обеспечит графический баланс и задаст общий тон продукта. Типографика должна направлять и информировать пользователей, оптимизировать удобочитаемость и доступность, а также обеспечивать отличный пользовательский опыт.
Давайте немного углубимся в то, почему типографика так важна.
Типографика способствует узнаваемости бренда.
Хорошая типографика не только подчеркнет индивидуальность бренда, – ваши пользователи подсознательно начнут ассоциировать шрифт, представленный на коммуникационных поверхностях, с вашим брендом. Уникальная, последовательная типографика поможет вам завоевать верную аудиторию пользователей, их доверие, и, в конечном итоге, двигать бренд вперед.
Типографика влияет на принятие решений
Типографика оказывает глубокое влияние на то, как клиенты усваивают и воспринимают информацию, передаваемую текстом. Привлекательная гарнитура гораздо более убедительна, чем слабые шрифты, которые не подкрепляют смысл текста.
Типографика захватывает внимание читающих
Хорошая типографика может заставить посетителя остаться на вашем сайте на полчаса вместо минуты. Важно, чтобы ваш продукт был визуально стимулирующим и запоминающимся, и типографика играет огромную роль в этом процессе.
Различные элементы типографики
Гарнитуры и шрифты
Существует некоторая путаница, связанная с различием между шрифтами и гарнитурами, и многие рассматривают эти два понятия как синонимы. Гарнитура — это стиль, который включает в себя множество символов разного размера и жирности, в то время как шрифт – это графическое представление текстового символа. Проще говоря, гарнитура – это семейство родственных начертаний, различающихся жирностью, шириной и некоторыми другими параметрами. Если Times New Roman – это гарнитура, то Times New Roman полужирный – это одно из начертаний, входящих в семейство гарнитуры.
Существует три основных типа гарнитур: с засечками (serif), без засечек (sans-serif) и акцидентные (декоративные). Первые за счет дополнительных элементов (засечек) помогают легче следить за строчками и, следовательно, хорошо подходят для больших массивов текста.
Контраст
Как и иерархия, контраст помогает донести до читателей, какие идеи или сообщения вы хотите подчеркнуть. В контексте имеено гарнитур контрастность означает разницу в толщине штрихов: У одних шрифтов все штрихи, составляющие буквы, одной толщины – такой шрифт неконтрастный. Соответственно, когда в буквах одни штрихи толще других, шрифт – контрастный. Контрастные гарнитуры больше подходят для длительного чтения убрать.
Начертания Thin, Regular, Black гарнитуры Kazimir Text.
Согласованность
Согласованность шрифтов — ключ к тому, чтобы избежать запутанного и беспорядочного интерфейса. При передаче информации важно придерживаться одного и того же стиля шрифта, чтобы ваши читатели сразу поняли, что они читают, и начали замечать закономерности.
Негативное пространство
Негативное пространство – это пространство вокруг текста или графики. Это часто упускается из виду и, как правило, остается незамеченным пользователем, но правильное использование негативного пространства обеспечивает незагроможденность интерфейса и читаемость текста.
Цвет
Цвет – один из самых захватывающих элементов типографики. Именно здесь дизайнеры могут по-настоящему проявить творческий подход. Цвет текста, однако, не следует воспринимать легкомысленно: выбор цвета шрифта может выделить текст и передать тон сообщения, но неправильное использование может привести к беспорядочному дизайну и тексту, который противоречит цветам продукта.
Иерархия
Установление иерархии — один из самых важных принципов типографики. Типографская иерархия направлена на создание четкого различия между заметными фрагментами текста, которые следует заметить и прочитать в первую очередь, и обычным наборным текстом. В эпоху крайне низкого объема внимания, (спасибо социальными сетям), дизайнерам приходится быть лаконичными и создавать гарнитуры, которые позволяют пользователям получать необходимую информацию за короткое время.
Иерархию можно создать, используя размер, цвет, контраст и выравнивание. Например, если у вас есть строка текста с восклицательным знаком в начале, которая выделена красным цветом и больше, чем соседний текст, это визуальный сигнал читателям, что ее нужно прочесть в первую очередь. Наиболее типичным примером типографической иерархии является размер: заголовки всегда должны быть больше, чем подзаголовки и стандартный текст.
Заключение
Типографика часто упускается из виду, но это важнейший компонент дизайна. Удачная типографика крайне важна при создании бренда и его продвижения. Например, всем известный Times New Roman, был создан специально для издания Times. Многие мировые бренды такие как Google, Apple, Yandex не жалели ресурсов на создание собственных проприетарных гарнитур.
Именно поэтому мы в студии bred-ideas, несмотря на наш небольшой возраст, уже сделали шаг в этом направлении и разработали собственный шрифт, который вы можете совершенно бесплатно скачать и использовать (: