Современная типографика в веб-дизайне — статьи и уроки

В этом разделе вы найдете все статьи и уроки по созданию правильной типографики в дизайне.

Тут разбираем основные правила, а также даем дельные советы по работе.

Обязательно разбираем примеры и раскрываем различные хитрости.

Все записи иду в самом конце.

Однако прежде, чем приступить к изучению, рекомендую сначала прочитать ниже важную вводную информацию по теме.

Что такое типографика в графическом дизайне

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

Но на самом деле назначение любого произведения искусства в корне отличаются от назначения графического дизайна.

Искусство говорит на собственном языке. Оно существует само по себе. Но не призвана нести какую-то практическую функцию.

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

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

Ведь его задача, это не украшать и декорировать, а устанавливать визуальные коммуникации.

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

Типографика — это одновременно и искусство, и ремесло, и наука.

Тот, кто хочет досконально ее изучить, должен не только хорошо разбираться в гарнитурах.

Он также должен уметь управлять шрифтами на компьютере и решать технические проблемы.

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

Но этого не достаточно!

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

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

Да и вообще, желательно овладеть всеми основными принципами дизайна.

То есть выстраивать иерархию текстовых сообщений. Акцентировать текст. Управлять свободными пространством страницы.

Знать где и как выравнивать текстовые блоки. Заставлять текст взаимодействовать с изображением и так далее.

Основные функции текста

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

Что это за функции?

Удобочитаемость

Текст должен легко читаться. Ниже можете посмотреть плохой пример. Текст в нем неудобной читать.

Он очень трудно воспринимается.

Это особенно нужно иметь ввиду, когда вы помещаете какой-то текст на фон. Особенно если этот фон имеет текстуру.

Говорят, что самый удобочитаемый текст является нейтральным и незаметным.

Различимость

Читатель далеко не всегда находится в стандартных для чтения условиях.

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

Кроме обычной ситуации возможно и другая.

Например, когда человек проезжает на машине в сумерках по дороге и видит наружную рекламу.

В этом случае надпись должна быть достаточно крупной. А буквы предельно ясной формы и максимально отличаться друг от друга.

Заметность

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

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

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

Для того чтобы грамотно работать с текстом нам необходимо понимать, как происходит чтение.

Вообще, мы читать можем по-разному. Чтение бывает сплошное и выборочное.

К примеру, интересную книгу мы читаем от начала и до конца. Читаем спокойно и равномерно.

А вот газету или энциклопедию мы читаем выборочно. То есть отрывками.

Цель такого чтения, это прежде всего поиск и отбор информации.

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

Нам это необходимо понимать для того чтобы управлять вниманием зрителя.

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

Для этого дизайнер создает определенную структуру.

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

Структурирование и акцентирование информации, это не единственная задача дизайнера.

Создание образа

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

В таком случае, текст действует на наше сознание не просто, как последовательность букв. Но прежде всего, как образ.

В основе такого восприятия лежит наша способность воспринимать текст не только на смысловом уровне, но и графически (визуально).

И тут на сцену выходят различные креативные техники.

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

Статьи и уроки по созданию типографики

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

Но на этом мы не заканчиваем!

Ниже идут отдельные подробные статьи на данную тему. Выбирайте нужный урок для изучения.

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