|
Станислав Петровский
Как сказал кто-то
из великих, создать гениальную картину - это положить в нужные места
нужные краски. Тоже самое и с вебдизайном :-)
Композиция, если не
вдаваться в сложности - это определенное сочетание частей
изображения (соотношение их размеров - пропорции, цветов, фактур и
т.д.)
Правила композиции
Целостность - в правильной
композиции ни один из элементов нельзя изъять, добавить или
передвинуть без ущерба для целого. Для нахождения целостной
композиции обычно рассматривают будущее изображение как набор пятен
- силуэтов отдельных элементов, которые компонуют на плоскости до
достижения необходимого эффекта. Все элементы композиции должны быть
связаны чем-либо воедино - стилем рисунка, выравниванием, цветами,
размерами и т.д. Применительно к вебдизайну - не может быть
целостной композиция, где дизайн страницы никак не перекликается с
логотипом.
Выразительность -
неформализуемое качество композиции, проявляется в том, что
изображение быстро захватывает внимание зрителя, ясно показывает
процессы, которые дизайнер хотел отобразить. Фактически - это
соотвествие вашей идеи и формы, найденной для ее выражения. Когда
зрители не понимают вашу идею - скорее всего хромает композиция, а
не восприятие зрителя :-)
Выразительность
проявляется в умелом использовании контрастов по цветам, светлоте,
размерам. Например, эффектно смотрятся объемные фигуры (контраст
бликов и тени предмета). Контраст тем выразительней, чем больше он
соответствует идее изображения (напр. контраст заголовка и текста по
размеру соотв. идее большей важности заголовка).
Выявление центра -
подчеркивание той части, которая выражает главную идею. Как правило,
центр находится где-то чуть выше середины экрана, но он может быть
смещен каким-либо "активным" элементом композиции - ярким, большим
предметом, другим контрастным объектом. Примером смещения композиции
является картина Репина "Не ждали", где зритель сначала теряется в
догадках взирая на пустой центр и затем видя направления вглядов
всех участников композиции смотрит на двоечника - центр композиции
:-)
На практике часто
используют метод выделения центра путем вписывания композиции в
простую геометрическую фигуру - квадрат, ромб, треугольник (4,5,6
>), круг, овал. Типичный пример - использование линий, соединяющих
логотип и кнопки либо очерчивающих весь экран и захватывающих
кнопки.
Вместе с тем,
необходимо лишь примерное следование геометрии со смещениями, более
ярко выделяющими центр.
Неоднородность
плоскости изображения - различие в восприятии объектов в зависимости
от их положения в поле изображения изучалась учеными
экспериментально. В результате доказано:
-
Наклонные
отрезки воспринимаются уходящими в глубину в сторону конца
отрезка, дальнего от края экрана.
-
Если один конец
наклонного отрезка примыкает к краю экрана, то "эффект объема"
пропадает и отрезок воспринимается лежащим на той же плоскости,
что и плоскость края экрана.
-
Предмет дальше
от края экрана воспринимается лежащим в глубине, ближе - на
поверхности.
-
Низ композиции
воспринимается более тяжелым, устойчивым, поэтому дисгармоничны
композиции, где тяжелый верх (напр. большие объемные буквы) и
легкий низ (обычный текст). Тяжелые предметы вверху создают
ощущение их падения, напряжение (это м.б. использовано как
специальный прием).
Рассмотрите работы
других вебдизайнеров под углом композиционных правил и вы увидите,
как часто эти правила нарушаются.
Дисбаланс
композиции будет, как правило, тогда эффектно смотрется, когда
он сделан осознанно, а не допущен по незнанию. Читайте учебники по
живописи и ходите в картинные галереи!
|
Статьи
