Цвет. Шрифтовой контраст. Для НЕдизайнеров

Купить книгу

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

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

(Это черно-белая книга, так что цвет на этой странице придется вообразить. Впрочем, «настоящий» в данном разделе и не обсуждается.)

4-9-36
Закрасьте слово «Scarlett» красным цветом. Оно набрано более мелким кеглем, но доминирует именно благодаря теплому цвету.

 

4-9-37
Теперь обведите красным слово «Florence». Более крупное красное слово подавляет более мелкое шрифтом. Такого сочетания лучше избегать.

 

4-9-38
Теперь закрасьте слово «Scarlett» голубым цветом. Обратите внимание, что слово почти растворилось.

 

4-9-39
Обведите голубым слово «Florence». Для создания контраста с помощью прохладных цветов их должно быть много.

 

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

4-9-40
В этом тексте нетрудно заметить разные оттенки черного и белого. «Цвет» здесь создан с помощью изменения насыщенности буквенной формы, структуры, пробелов внутри самой буквы, просветов между буквами, расстояний между строк, кегля шрифта и высоты строчной буквы. Цвета можно создавать даже в рамках одного шрифта.

 

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

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

4-9-41
Так выглядит типичная страница из информационного бюллетеня или другой публикации. Безрадостная серость не привлекает.

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

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

4-9-42
Макет не изменился, но добавлен «цвет». Контрастирующие гарнитуры способствуют цветовому разнообразию страницы.

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

 

4-9-43

Warnock Light, 9 пунктов, интерлиньяж 10,6.

 

4-9-44

Warnock Light, 9 пунктов, интерлиньяж 13, очень большое расстояние между символами. Обратите внимание, что текст в целом выглядит намного более светлым, чем в верхнем примере, из-за увеличенного интерлиньяжа и межсимвольного расстояния.

 

4-9-45

Warnock Light Italic, 9 пунктов, интерлиньяж 13, сильная разрядка. В точности то же самое, что и наверху, но текст набран курсивом. Цвет и текстура другие.

 

4-9-46

Warnock Regular, 9 пунктов, интерлиньяж 10,6. В точности повторяет первый пример за исключением того, что это нормальное начертание, а не светлое.

 

4-9-47

Warnock Bold, 9 пунктов, интерлиньяж 10,6. То же самое, что и в первом примере, но жирное начертание.

 

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

 

4-9-48

American Typewriter, 8/10

 

4-9-49

Bernhard Modern, 8/10

 

4-9-50

Imago, 8/10

 

4-9-51

Memphis Medium, 8/10

 

4-9-52

Photina, 8/10

 

4-9-53

Eurostile Extended, 8/10