Пропорции и расположение элементов

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

Волшебного правила, как "золотое сечение" у художников эпохи Возрождения, здесь не существует, но популярны простейшие пропорции (1:2, 1:3). Хотя при использовании только простейших пропорций композиция может показаться скучной, использовать много различных пропорций не рекомендуется, т. к. нельзя требовать от зрителя частых перенастроек, особенно в пределах одной страницы.

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

В размещении объектов на странице ключевыми понятиями являются расстояние между ними и выравнивание.

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

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

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

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

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

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

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

Есть еще вариант размещения заголовка - вертикально сбоку от текста. Но в этом случае роль заголовка из главенства в паре "заголовок-текст" принимает роль вспомогательной пояснительной надписи.

В композиции Web-страницы большое значение имеет соотношение пустого и заполненного пространства при различных видах размещения. Плотность размещения материала может быть весьма различной и в значительной мере от неё зависят стиль и настроение композиции.

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

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

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