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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Дата добавления: 2015-07-11