Текстуры

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

В компьютерной графике различаются следующие виды текстур:

• Материальные текстуры. Имитация реальной поверхности (мрамор, дерево, кирпич) используются достаточно редко, т.к. они такие текстуры весьма претенциозны, а современный дизайн предпочитает простоту. Определенный колорит странице может придать "сдержанная" текстура, которая не заполняет всю поверхность экрана равномерно, не содержит повторяющихся изразцов, не пытается быть похожей на что-то конкретное и лишь местами намекает на материальность.

• Плоская однородная заливка - встречается наиболее часто, видимо из-за желания использовать мощные свободные цвета, предлагаемые режимами high color и true color, которые могут стать одним из важнейших аспектов композиции.

• Геометрические текстуры, состоящие из полосок, клеток, ромбиков и т.д. с однородной заливкой. Такие текстуры делают страницу визуально интересней, могут подчеркивать структурную композицию страницы. Ограничение: элементы узора должны быть значительно меньше или значительно больше, чем размер букв текста. Также, использование текстурного фона страницы может потребоваться увеличить жирность шрифта, чтобы он не сливался с текстурой.

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

Форма и размер

Любая композиция (в нашем случае Web-страница) состоит из элементов, связанных между собой пространственными отношениями, обеспечивающими принцип баланса. Пространственные отношения строятся на таких понятиях, как форма, размер, пропорции и взаимное расположение элементов.

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

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

Прямоугольник - основа компьютерной геометрии, самая часто употребляемая и естественная форма (окна, блоки текста по умолчанию имеют прямоугольную форму).

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

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

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

Хотя окружность обладает множеством уникальных свойств (самая компактная форма, которая к тому же имеет бесчисленное множество осей симметрии), она не популярна в Web- дизайне по следующим причинам:

• прямо противоречит прямоугольности компьютерного экрана, горизонтальности и вертикальности основного элемента компьютерного дизайна - текста;

• в нее с трудом вписывается изображение и с еще большим трудом текст;

• в трудом поддается выравниванию на расстоянии;

• обладает минимальным периметром (а от величины периметра зависит "дружественность" фигуры к окружению).

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

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

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

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

На восприятие размера (а в общем случае заметности, активности элемента) оказывает влияние несколько факторов:

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

• Форма объекта. Зачастую объекты имеют сложные, почти аморфные очертания, затрудняющие даже приблизительное определение их размера. Сложные формы распадаются на основные (ядро) и вспомогательные элементы (оболочка). Например, штрихи букв и засечки. При определении субъективного размера вспомогательные элементы учитываются лишь частично или полностью игнорируются.

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

• Чем контрастнее цвет элемента на фоне, тем он заметнее и кажется больше. Также и материальные и геометрические текстуры, используемые в заливке, усложняют облик объекта, делают его неоднородным, что в подсознании приводит к растягиванию воспринимаемого образа, чтобы дать место линиям, прожилкам и пупырышкам. Если элементы текстуры вытянуты в каком то одном направлении, сама фигура будет казаться вытянутой в том же направлении.

С учетом перечисленных факторов визуальный размер элемента должен в значительной степени соответствовать вкладу этого элемента в информационное содержание композиции.