Веб-дизайн
Шрифт:
Однако если сделать контур достаточно толстым, ощущение его неуместности пропадает. Теперь мощная рамка становится главным «носителем прямоугольности», и фоновый цвет превращается в оправданное дополнение, «второй голос», подчеркивающий основное звучание фигуры. Кроме того, так как внутренний цвет теперь отделен от внешнего достаточной ширины промежутком, глаз уже не пытается «достраивать» линию границы этих двух цветов, которая могла бы конфликтовать с видимой линией контура (рис. 13). Поэтому прямоугольники с толстым контуром достаточно часто можно видеть в работах профессиональных дизайнеров (пример 12). В качестве рамки для текстовой надписи такой элемент лучше всего сочетается с рублеными шрифтами повышенной насыщенности.
Рис. 13
Еще
КРУГИ И ЗАКРУГЛЕНИЯ
Во многих древних культурах круг считался совершенной, божественной формой, и это неудивительно — из всех геометрических форм только окружность (в трехмерном пространстве — сфера) обладает многими уникальными, поистине удивительными свойствами. В частности, круг также можно назвать «естественной» фигурой — предоставленная самой себе, материя обычно стремится собраться в шар, будь то под действием сил гравитации (звезды) или поверхностного натяжения (мыльные пузыри). Но распространяется ли это стремление на элементы дизайн — композиции?
Нельзя сказать, чтобы окружность была популярной формой в современном дизайне. Причин этому немало. Прежде всего, круг слишком явно противоречит врожденной прямоугольности компьютерного экрана и листа бумаги, а также горизонтальности и вертикальности основных элементов информационного дизайна — строк и столбцов текста. Конечно, контраст форм (стр. 159) может стать основой динамичной, захватывающей композиции, — но в данном случае контраст граничит с разобщенностью и уже не может служить объединяющим началом.
Возражения вызывает также активная симметрия окружности (из всех фигур она явный чемпион по выраженности этого свойства: у окружности бесконечно много осей симметрии). В античности и средневековье симметрии придавалось необычайно важное значение, однако в современном дизайне она уступила свою роль гармонизирующего начала более общему понятию баланса (стр. 155); «классическая» симметрия теперь воспринимается скорее как нечто ограничивающее, стесняющее.
Рис. 14 Сравните ощущения, которые у вас вызывают эти две композиции, отличающиеся только закругленностью углов прямоугольников
Наконец, окружность с трудом поддается интеграции с другими видами элементов: в нее с трудом вписывается изображение и с еще большим трудом — текст, она не слишком хорошо сочетается с прямоугольными фигурами и почти не поддается выравниванию на расстоянии (даже если центры двух окружностей, находящихся на некотором расстоянии друг от друга, лежат на одной горизонтали или вертикали, глазу существенно труднее заметить эту координацию, чем если бы вместо окружностей были квадраты). Вспомним, что из всех фигур данной площади круг обладает минимальным периметром — а ведь именно длина периметра определяет «дружественность» фигуры к своему окружению, количество вариантов ее соположения и объединения с другими фигурами. Короче говоря, круг — фигура слишком скользкая и слишком самодостаточная, чтобы быть хорошим членом
С другой стороны, у круга есть немало достоинств, которые не позволяют совсем отказаться от его услуг. Совершенно особый мотив «закругленности», вносимый им в любую композицию, часто оказывается незаменимым. Как же избавиться от недостатков круга, не теряя его достоинств?
Первой в голову приходит идея вырезать часть окружности — дугу. Тем самым мы сразу избавляемся от излишней симметрии, и у фигуры появляются эффективные точки привязки — концы дуги, которыми ее можно скоординировать с другими формами. Не так уж редко в композициях можно встретить дуги большого радиуса; центры их лежат далеко за пределами страницы, что придает масштабность — пусть и только подразумеваемую — даже небольшой по размерам композиции (см. пример 17, где дуга замаскирована под фотографию земного шара из космоса). Такие дуги позволяют ввести в композицию негоризонтальный и невертикальный мотив гораздо более элегантно, чем это можно было бы сделать просто наклонной прямой (см. также стр.94).
Следующий шаг — интеграция дуг с другими формами, в первую очередь с «главной компьютерной формой», прямоугольником. Так возникают прямоугольники с закруглениями вместо углов — еще один весьма популярный графический мотив в современном дизайне. В нем счастливо сочетаются, дополняя и уравновешивая друг друга, округлость круга и прямоугольность прямоугольника; круг в нем обнаруживает все–таки присущее ему горизонтально–вертикальное начало, а прямоугольник избавляется от назойливой угловатости, цепляющей взгляд (рис. 14). Правда, прием этот достаточно требователен — стоит ввести в композицию один закругленный прямоугольник, как он почти наверняка потребует скругления всех остальных углов, что заметно изменит общий стиль композиции (пример 12). Хороший пример целостного корпоративного стиля, основанного на закруглениях по дугам окружностей, можно найти на сайте http://www.macromedia.com/.
Рис. 15 Кривые Безье могут поспорить с фракталами за честь называться самы/ красивым математически! открытием нашего века
КРИВЫЕ БЕЗЬЕ
Окружностям родственны (и геометрически, и визуально) другие математические объекты — кривые Безье третьего порядка (названные так в честь француза Пьера Безье, который в 60-е годы впервые стал применять их в дизайне; математический аппарат, лежащий в основе этих кривых, разработан 1912 г. нашим соотечественником Сергеем Бернштейном). Кривые Безье — главный инструмент построения криволинейных форм во всех без исключения программах компьютерной графики; с их помощью можно очень точно аппроксимировать любую линию переменной кривизны (раньше, в эпоху кульманов и ватманов, любые кривые, кроме дуг окружностей, вычерчивались подбором «на глазок» подходящего по характеру кривизны лекала).
Несмотря на присущий им шарм, в веб–дизайне кривые Безье как отдельный прием используются не так уж часто — обычно для стилизации под эпоху модерна (дизайн которой был целиком основан на сложных криволинейных формах) или более древние времена. Тем, кто увлечется кривыми Безье (а увлечься ими легко!), я могу дать лишь один совет: избегайте кривых, слишком похожих на дуги окружностей (по той же причине, по какой следует избегать прямоугольников, слишком близких к квадрату), — кривая Безье выглядит особенно выразительно тогда, когда разные ее точки имеют заметно различную кривизну (рис. 15).