Что такое симметрия в математике? Определение и примеры. Понятие симметрии

Симметрии могут быть точными или приближёнными.

Симметрия в геометрии

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

Виды геометрических симметрий:

Зеркальная симметрия

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

Симметрия относительно точки

Скользящая симметрия

Симметрии в физике

Симметрия в физике
Преобразование	Соответствующая инвариантность	Соответствующий закон сохранения
↕ Трансляции времени	Однородность времени	…энергии
⊠ , , и -симметрии	Изотропность времени	…чётности
↔ Трансляции пространства	Однородность пространства	…импульса
↺ Вращения пространства	Изотропность пространства	…момента импульса
⇆ Группа Лоренца (бусты)	Относительность Лоренц-ковариантность	…движения центра масс
~ Калибровочное преобразование	Калибровочная инвариантность	…заряда

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

Суперсимметрия

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

Симметрии в биологии

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

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

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

У биологических объектов встречаются следующие типы симметрии:

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

Радиальная симметрия

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

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

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

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

Кристаллографическая точечная группа симметрии - это точечная группа симметрии , которая описывает макросимметрию кристалла . Поскольку в кристаллах допустимы оси (поворотные и несобственного вращения) только 1, 2, 3, 4 и 6 порядков, из всего бесконечного числа точечных групп симметрии только 32 относятся к кристаллографическим.

Анизотропия (от др.-греч. ἄνισος - неравный и τρόπος - направление) - различие свойств среды (например, физических : упругости , электропроводности , теплопроводности , показателя преломления , скорости звука или света и др.) в различных направлениях внутри этой среды; в противоположность

Что такое симметрия

Фундаментальным понятием науки, которое наряду с понятием "гармонии" имеет отношение практически ко всем структурам природы, науки и искусства, является "симметрия". Слово «симметрия» в переводе с греческого означает «соразмерность». Выдающийся математик Герман Вейль высоко оценил роль симметрии в современной науке: «Симметрия, как бы широко или узко мы не понимали это слово, есть идея, с помощью которой человек пытался объяснить и создать порядок, красоту и совершенство".

Рассмотрим понятие симметрии с геометрической точки зрения. В учебнике по геометрии это понятие вводится следующим образом.

Точки А и А 1 называются симметричными относительно точки О (центр симметрии), если О – середина отрезка АА 1 (рис. 1,а). Точка О считается симметричной самой себе.

Точки А и А 1 называются симметричными относительно прямой а (ось симметрии), если прямая а проходит через середину отрезка АА 1 и перпендикулярна к этому отрезку (рис. 1, б). Каждая точка прямой а считается симметричной самой себе.

Точки А и А 1 называются симметричными относительно плоскости (плоскость симметрии), если плоскость проходит через середину отрезка АА 1 и перпендикулярна к этому отрезку (рис.1,в). Каждая точка плоскости считается симметричной самой себе.

Т
очка (прямая, плоскость) называется центром (осью, плоскостью) симметрии фигуры, если каждая точка фигуры симметрична относительно неё некоторой точке той же фигуры. Если фигура имеет Рис. 1 центр (ось, плоскость симметрии), то говорят, что она обладает центральной (осевой, зеркальной) симметрией.

В книге Шафрановского И.И. «Симметрия в природе» определение симметрии дается следующим образом. Плоскостью симметрии P Рис.2 называется такая плоскость, которая делит фигуру на две зеркально равные части, расположенные друг относительно друга так, как предмет и его зеркальное отражение. Например, изображенный на рис.2 слева равнобедренный треугольник ABC с высотой BD разделяется на две зеркально равные половины ABD и BCD ; при этом высота BD является "следом" плоскости симметрии P , перпендикулярной плоскости треугольника. На рис. 2 справа изображен также прямоугольный параллелепипед (кирпичик, спичечный коробок), который имеет три взаимно перпендикулярные плоскости симметрии 3P . Нетрудно установить, что куб обладает девятью плоскостями симметрии - 9P .

Второй тип элементов симметрии: ось симметрии. Осью симметрии называется такая прямая линия, вокруг которой несколько раз повторяются равные части симметричной фигуры. Эти равные части расположены так, что после поворота вокруг оси на некоторый угол фигура занимает в пространстве то же положение, которое она занимала и до поворота, только на месте одних ее частей оказались другие равные им части. Число самосовмещений фигуры при ее повороте вокруг оси на 360º называется «порядком оси». Доказано, что порядок оси может быть только целым числом. Обозначим ось симметрии L n , где n ее порядок.

Например, равносторонний треугольник имеет ось симметрии L 3 , то есть существуют три способа поворота треугольника вокруг оси, при котором происходит его "самосовмещение". Ясно, что квадрат имеет ось симметрии L 4 , а пентагон - L 5 . Конус также имеет ось симметрии, причем, поскольку число поворотов конуса вокруг своей оси симметрии, приводящих к "самосовмещению" бесконечно, то говорят, что конус имеет ось симметрии типа.

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

Симметрия широко встречается в объектах живой и неживой природы. На явление симметрии в живой природе обратили внимание еще пифагорейцы в связи с развитием ими учения о гармонии. Установлено, что в природе наиболее распространены два вида симметрии - "зеркальная" и "лучевая" (или "радиальная") симметрии. "Зеркальной" симметрией обладает бабочка, листок или жук (Рис.3-а) и часто такой вид симметрии называется "симметрией листка" или "билатеральной симметрией". К формам с лучевой симметрией относятся гриб, ромашка, сосновое дерево (Рис.3-б) и часто такой вид симметрии называется "ромашково-грибной" симметрией.

Рис. 3. Природные формы с "билатеральной" (а)

и "радиальной" (b) симметрией.

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

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

Что означает симметрия в разных науках?

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

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

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

Математика. Именно в ней в основном и дается разъяснение, что такое симметрия. Причем большее значение ей уделяется в геометрии. Здесь симметрия — это способность к отображению у фигур и тел. В узком смысле она сводится просто к зеркальному отображению.

Как определяют симметрию разные словари?

В какой бы из них мы ни заглянули, везде встретится слово «соразмерность». У Даля можно увидеть еще и такое толкование, как равномерие и равнообразие. Другими словами, симметричное - значит одинаковое. Здесь же говорится о том, что она скучна, интереснее смотрится то, в чем ее нет.

На вопрос, что такое симметрия, словарь Ожегова уже говорит об одинаковости в положении частей относительно точки, прямой или плоскости.

В словаре Ушакова упоминается еще и пропорциональность, а также полное соответствие двух частей целого друг другу.

Когда говорят об асимметрии?

Приставка «а» отрицает смысл основного существительного. Поэтому асимметрия означает то, что расположение элементов не поддается определенной закономерности. В ней отсутствует всякая неизменность.

Этот термин используется в ситуациях, когда две половины предмета не являются полностью совпадающими. Чаще всего они совсем не похожи.

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

О центральной и осевой симметрии

В математике выделяют такие ее виды:

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

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

Понять, что такое симметрия относительно оси, проще всего на примере. Тетрадный лист нужно сложить пополам. Линия сгиба и будет осью симметрии. Если провести к ней перпендикулярную прямую, то все точки на ней будут иметь лежащие на таком же расстоянии по другую сторону оси точки.

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

Какие фигуры являются симметричными?

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

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

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

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

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

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

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

Прямоугольник и ромб обладают двумя осями симметрии. У первого они проходят через середины сторон, а у второго совпадают с диагоналями.

Квадрат же объединяет предыдущие две фигуры и имеет сразу 4 оси симметрии. Они у него такие же, как у ромба и прямоугольника.

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

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

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

Нижеследующая картинка иллюстрирует баланс: два человека одинакового веса находятся на равном расстоянии от точки опоры, на которой балансируют качели.

Качели в симметричном равновесии

Человек на правом конце доски раскачивает ее по часовой стрелке, а человек на левом — против. Они прикладывают одинаковую силу в противоположных направлениях, так что сумма равна нулю.

Но если бы один человек был намного тяжелее, равновесие бы исчезло.

Отсутствие равновесия

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

Но если передвинуть более крупную фигуру в центр доски, картинка приобретет более правдоподобный вид:

Качели в асимметричном равновесии

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

Композиционное равновесие в дизайне основано на тех же принципах. Физическая масса заменяется визуальной, и направление, в котором на нее действует сила притяжения, заменяется визуальным направлением:

1. Визуальная масса — это воспринимаемая масса визуального элемента, мера того, насколько данный элемент страницы привлекает внимание.

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

Для измерения этих сил нет инструментов и для расчета зрительного баланса нет формул: чтобы определить, сбалансирована ли композиция, вы ориентируетесь только на свои глаза.

Почему визуальное равновесие важно?

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

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

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

Если вы хотите, чтобы пользователи узнали все, что вы намерены им сообщить — подумайте о разработке сбалансированного дизайна.

Четыре типа равновесия

Есть несколько способов добиться композиционного равновесия. Картинки из раздела выше иллюстрируют два из них: первая — пример симметричного баланса, а вторая — асимметричного. Два других типа — радиальный и мозаичный.

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

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

2. Асимметричное равновесие

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

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

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

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

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

Симметрия и асимметрия

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

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

Симметрия

Зеркальная симметрия (или двусторонняя симметрия) возникает, когда две половины композиции, расположенные по разные стороны от центральной оси, являются зеркальными отражениями друг друга. Скорее всего, услышав слово «симметрия», вы представляете себе именно это.

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

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

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

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

Бабочка — пример зеркальной симметрии, планки забора — трансляционной, подсолнух — круговой.

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

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

Асимметрия приводит к более сложным отношениям между элементами пространства и поэтому считается более интересной, чем симметрия, а значит — ее можно использовать, чтобы привлечь внимание.

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

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

Принципы гештальт-психологии

Принципы дизайна не возникают из ничего: они следуют из психологии нашего восприятия визуальной среды. Многие принципы дизайна вырастают из принципов гештальт-психологии, а также основываются друг на друге.

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

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

Примеры различных подходов к веб-дизайну

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

Примеры симметричного равновесия

Дизайн сайта Helen & Hard симметричен. Страница «О нас» на скриншоте снизу и все остальные страницы этого сайта сбалансированы похожим образом:

Скриншот страницы «О нас» сайта Helen & Hard

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

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

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

Домашняя страница Tilde — еще один пример дизайна с симметричным равновесием. Как и на Helen & Hard, все располагается вокруг вертикальной оси, проходящей по центру страницы: навигация, текст, люди на фотографиях.

Скриншот домашней страницы Tilde

Как и в случае с Helen & Hard, симметрия не идеальна: во-первых, центрированные строчки текста не могут быть отражением фотографии снизу, а во-вторых, пара элементов выбивается из общего ряда — стрелка «Meet the Team» указывает вправо, и текст внизу страницы заканчивается еще одной стрелкой вправо. Обе стрелки являются призывами к действию и обе нарушают симметрию, привлекая к себе дополнительное внимание. Кроме того, по цвету обе стрелки контрастируют с фоном, что тоже притягивает взгляд.

Примеры асимметричного равновесия

Домашняя страница Carrie Voldengen демонстрирует асимметричное равновесие вокруг доминирующей симметричной формы. Глядя на композицию в целом, можно увидеть несколько отдельных друг от друга форм:

Скриншот веб-сайта Carrie Voldengen

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

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

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

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

Скриншот Hirondelle USA

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

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

Примеры радиального равновесия

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

Скриншот домашней страницы Vlog.it

Впрочем, на скриншоте не видно, как страница загружается: линия рисуется из нижнего левого угла экрана к его центру — и с этого момента все, что появляется на странице, вращается вокруг центра или расходится из него лучами, как круги по воде.

Маленький круг в правом верхнем углу добавляет трансляционной симметрии и асимметрии, повышая визуальный интерес к композиции.

На домашней странице Opera’s Shiny Demos нет кругов, но все текстовые ссылки расходятся из общего центра, и легко представить, как вся эта конструкция вращается вокруг одного из центральных квадратов или, может быть, одного из углов:

Скриншот домашней страницы Opera’s Shiny Demos

Название Shiny Demos в левом верхнем углу и логотип Opera в правом нижнем — уравновешивают друг друга и тоже как будто исходят из того же центра, что и текстовые ссылки.

Это хороший пример того, что для достижения радиального равновесия не обязательно использовать круги.

Примеры мозаичного равновесия

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

Яркий пример — домашняя страница Rabbit’s Tale. Разбросанные по экрану буквы определенно создают ощущение хаоса, но композиционное равновесие присутствует.

Скриншот домашней страницы Rabbit’s Tale

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

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

Сайты с большим количеством контента, например, новостные порталы или сайты журналов, тоже демонстрируют мозаичное равновесие. Вот скриншот домашней страницы The Onion:

Скриншот домашней страницы The Onion

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

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

Заключение

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