Веб-дизайн

Особый случай текстового размещения — выделение первой буквы основного текста в так называемую буквицу (англ. drop cap), отличающуюся по цвету, кеглю и шрифту и обычно врезанную в первые несколько строк текста, которые он начинает. Этот прием оформления имеет очевидный практический смысл: буквица мгновенно отвечает на вопрос «где начинать читать» и именно в роли средства ориентировки| нередко используется в сложной, многоколоночной журнальной или газетной верстке. Существует, однако, и друга традиция использования буквиц, берущая свое начало я средневековых книг (и, кстати, более привычная русскоязычному читателю), — традиция эстетическая, в которой изысканно декоративная, сложная по рисунку буквица служит в первую очередь украшением текста, в остальном оформленного строго и лаконично. Вы должны определиться с тем, к какой из этих двух традиций тяготеет ваш случай, и не смешивать «французский с нижегородским» — буквица «газетная» обязана стремиться к простоте оформления, а графическую устойчивость ей может придать только многократное повторение при небольших по объему фрагмента текста; «книжная» же буквица, наоборот, всегда становится главным эстетическим событием в жизни своей страниц! и не терпит конкуренции со стороны других декоративных элементов. —

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

Чья случайность лучше? Как ни парадоксально это звучит, самая ни на есть натуральная случайность, будь то последовательность выпадов «орлов» и «решек» при подбрасывании монеты или же «генератор случайных чисел» в компьютерной программе, для человеческого восприятия нередко оказывается слишком неслучайной, раздражающей необъяснимыми повторами и неизвестно откуда вылезающими следами закономерности (самый удивительный пример — серия из шести (!) девяток подряд в первой тысяче знаков десятичного представления числа Пи). Поэтому во всех случаях, когда вам нужно внести элементы хаоса в размещение, раскраску или другие аспекты дизайн–композиции, приходится или имитировать требуемую случайность вручную, или, по крайней мере, серьезно редактировать то, что предложено программой. Принципы создания «художественной случайности» весьма многообразны: кроме убирания нежелательных повторов, совпадений и выравнивании, важно выдерживать некий средний уровень плотности случайных величин, не допуская больших разряжении и сгущении, но и не слишком увлекаясь равномерностью. Иногда для убедительности приходится искусственно вводить один–два «особых случая», таких как попадание одного из случайно расположенных элементов на самый край отведенной для него области.

Цвет. О принципах выбора цветов основного текста и фона страницы мы достаточно подробно говорили на стр.113; здесь нужно сказать лишь пару слов об использовании цвета в заголовках и для текстового эмфазиса (выделения). Требование удобочитаемости в этих случаях отступает на второй план, так что никаких ограничений на использование цветов, кроме тех, которые определяются логикой самой композиции, не остается.

Так, весьма популярен в последнее время прием противопоставления по цвету двух половин заголовка или текста логотипа (см., например, логотип журнала «Internet» на рис. 36, а). Где бы ни проходила цветовая граница — внутри слова или между словами, — прием этот вносит сильную ноту «диалектичности», разделения и противопоставления частей дотоле однородного элемента. Искусственная эта диалектика весьма сильно влияет на восприятие текста; если, скажем, двуцветные заголовки приняты в качестве стандарта оформления в журнале, найти какой–нибудь вариант раскраски можно будет всегда, но во многих случаях он будет скорее мешать, чем помогать чтению текста заголовка.

Для оформления текстов, занимающих промежуточное положение между заголовками и телом страницы, — лозунгов, девизов, рекламных «вводных» и т. п. — иногда пользуются выделением отдельных слов, обычно цветом в комбинации со шрифтом и/или кеглем. Этот прием имеет мало общего с традиционными внутритекстовыми выделениями (например, курсивом); его цель — не облегчить восприятие смысла, а привлечь внимание к тексту чисто визуальными средствами и, отчасти, затруднить (и тем самым сделать более интересным) его чтение. Выделяемые слова можно выбирать почти случайно, заботясь лишь о более–менее равномерном их распределении в тексте (и помня, опять–таки, о закономерностях «художественной случайности»).

ТЕКСТ КАК ТЕКСТУРА

Сходство этих двух слов не случайно. Текстура, определенная как форма, сложность которой превышает возможности одномоментного восприятия, находит в тексте свое самое яркое воплощение. Если не углубляться сразу же в чтение, а окинуть страницу беглым, «расфокусированным» взглядом, блоки текста предстанут перед вами как формы (стр. 91), заполненные специфической текстурой (стр. 116) серого цвета определенной яркости (стр. 101). (Разумеется, серым этот цвет будет только для черного текста на белом фоне или наоборот.)

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

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

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

Единство

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

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