Найти в Дзене

Композиция в Web дизайне

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

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

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

Есть различные схемы и формулы:

  • Схема Виллара
  • Ряд Фибоначчи, по которому строится золотое сечение
  • Правило третей

Основные виды плоскостной композиции:

  • Симметричная
  • Асимметричная

Есть понятие якорные объекты, к ним тяготится взгляд. Есть правила размещения таких объектов:

  • По углам прямоугольника и в центре
  • Или по краевым линиям

Если объект поставить в центр, то он сразу станет главенствующим, если объект сместить из центра, то можно создать некую динамику.

Единство и контраст. С одной стороны в работе должно прослеживаться единство, чтобы она выглядела целостной, но в то же время без контраста, она будет скучной, и в ней будет сложно считать смысл.

Для создания контраста можно использовать характеристики объекта: цвет, форму, размер, положение

Наш мозг пытается связать что-либо в группы. Здесь также можно использовать характеристики объекта и важную роль играет теория близости или общего поля.

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

Расставить акценты и добавить динамики помогает перспектива. Элемент, который находится ближе - главный.

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

Для создания композиции важно равновесие, ритм и негативное пространство "контр форма"- пустое пространство.