Презентация по геометрии "симметрия вокруг нас". Принципы дизайна: композиционное равновесие, симметрия и асимметрия

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Определение симметрии

Понятие "симметрия" (греч. symmetria - соразмерность), по словам одного из крупнейших математиков ХХ в. Германа Вейля (1885 - 1955), "является той идеей, посредством которой человек на протяжении веков пытался постичь и создать порядок, красоту и совершенство". Обычно под словом "симметрия" понимается гармония пропорций - нечто уравновешенное, не ограниченное пространственными объектами (например, в музыке, поэзии и т.п.). С другой стороны, это понятие имеет и чисто геометрический смысл, заключающийся в закономерной повторяемости в пространстве равных фигур или их частей. Как писал Е.С.Федоров (1901), "симметрия есть свойство геометрических фигур повторять свои части, или, выражаясь точнее, свойство их в различных положениях приходить в совмещение с первоначальным положением".

Однако, говоря о симметричных фигурах, следует различать два вида равенства: конгруэнтное (греч. congruens - совмещающийся) и энантиоморфное - зеркально равное (греч. enantios - противоположный, morphe - форма). В первом случае подразумеваются фигуры или их части, равенство которых можно выявить простым совмещением - наложением друг на друга, т.е. "собственным" движением, переводящим левую (Л) фигуру (например, левый винт, руку) в левую, правую (П) - в правую, при котором все точки одной фигуры совпадают с соответствующими точками другой. Во втором случае - равенство выявляется с помощью отражения - движения, переводящего объект в его зеркальное изображение (левое - в правое и наоборот).

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

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

Общая информация

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

• Двустороннем, то есть такой, когда симметрия зеркальная. Это явление в ученой среде принято именовать «билатеральным».
• Эн-ном порядке. Для этого понятия ключевое явление - это угол поворота, вычисляемый разделением 360 градусов на некоторую заданную величину. Кроме того, заранее определяется ось, вокруг которой эти повороты совершаются.
• Падиальная, когда явление симметрии наблюдают, если повороты совершатся произвольно на некоторый случайный по величине угол. Ось также выбирается независимым образом. Для описания такого явления применяют группу SO(2).
• Сферическая. В этом случае речь идет о трех измерениях, в которых объект вращают, выбирая произвольные углы. Выделяют конкретный случай изотропии, когда явление становится локальным, свойственным среде либо пространству.
• Вращательная, соединившая в себе две описанные ранее группы.
• Лоренц-инвариативная, когда имеют место произвольные вращения. Для этого типа симметрии ключевым понятием становится «пространство-время Минковского».
• Супер, определяемая как замена бозонов фермионами.
• Высшая, выявляемая в ходе группового анализа.
• Трансляционная, когда имеются сдвиги пространства, для которых ученые выявляют направление, расстояние. На основе полученных данных проводят сравнительный анализ, позволяющий выявить симметрию.
• Калибровочная, наблюдаемая в случае независимости калибровочной теории при соответствующих преобразованиях. Здесь особенное внимание обращают на теорию поля, в том числе фокусируются на идеях Янга-Миллса.
• Кайно, принадлежащая к классу электронных конфигураций. О том, что представляет собой такая симметрия, математика (6 класс) представления не имеет, ведь это наука высшего порядка. Явление обусловлено вторичной периодичностью. Было открыто в ходе научной работы Е. Бирона. Терминология введена С. Щукаревым.

Зеркальная

Во время обучения в школе учащихся практически всегда просят сделать работу «Симметрия вокруг нас» (проект по математике). Как правило, ее рекомендуют к выполнению в шестом классе обычной школы с общей программой преподавания предметов. Чтобы справиться с проектом, необходимо сперва ознакомиться с понятием симметрии, в частности, выявить, что представляет собой зеркальный тип как один из базовых и наиболее понятных для детей.

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

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

Нюансы

О чем еще интересном можно узнать, разбирая такое явление, как симметрия? Математика (6 класс) рассказывает, что две фигуры, считающиеся симметричными, совсем не обязательно идентичны друг другу. Понятие равности существует в узком и широком смысле. Так вот, симметричные объекты в узком - не одно и то же.

Какой пример из жизни можно привести? Элеметарный! Что скажете насчет наших перчаток, варежек? Мы все привыкли их носить и знаем, что терять нельзя, ведь вторую такую в пару уже не подобрать, а значит, покупать придется обе заново. А все почему? Потому что парные изделия, хотя и симметричны, но рассчитаны на левую и правую руку. Это - типичный пример зеркальной симметрии. Что касается равности, то такие объекты признают «зеркально равными».

А что с центром?

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

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

А если вращаем?

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

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

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

О примерах подробнее

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

Для начала рассмотрим сферу. Для такого тела одновременно свойственны явления симметричности:

• центральной;
• зеркальной;
• вращательной.

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

Еще один наглядный пример - круглый конус. Для этой фигуры свойственна В математике и архитектуре это явление нашло широкое теоретическое и практическое применение. Обратите внимание: в качестве оси для явления выступает ось конуса.

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

А если более интересные фигуры?

О чем нам может рассказать математика (6 класс)? Центральная симметрия есть не только в таком простом и понятном объекте, как шар. Она свойственна и более интересным и сложным фигурам. Например, таков параллелограмм. Для такого объекта центральной точкой становится та, в которой пересекаются его диагонали.

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

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

• осевой;
• центральный.

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

О красоте и симметрии

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

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

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

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

Как симметрия стала идеей о прекрасном

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

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

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

• горные породы;
• цветы и листья растений;
• парные наружные органы, присущие живым организмам.

Описанные явления имеют источником саму природу. А вот что можно увидеть симметричного, приглядевшись к изделиям человеческих рук? Заметно, что люди тяготеют к созданию именно такового, если стремятся сделать нечто красивое или функциональное (или и такое, и такое одновременно):

• узоры и орнаменты, популярные с древних времен;
• строительные элементы;
• элементы конструкций техники;
• рукоделие.

О терминологии

«Симметрия» - слово, пришедшее в наш язык от древних греков, впервые обративших на это явление пристальное внимание и попытавшихся изучить его. Термин обозначает наличие некоторой системы, а также гармоничное сочетание частей объекта. Переводя слово «симметрия», можно подобрать в качестве синонимов:

• пропорциональность;
• одинаковость;
• соразмерность.

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

Как идея это явление зачастую становится начальным посылом научных гипотез и теорий. Особенно популярно это было в прежние столетия, когда по всему миру властвовала идея математической гармонии, присущей самой системе мироздания. Знатоки тех эпох были убеждены, что симметричность есть проявление божественной гармонии. А вот в Древней Греции философы уверяли, что симметрична вся Вселенная, и все это базировалось по постулате: «Симметрия прекрасна».

Великие греки и симметрия

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

Во многом именно из-за этой теории принято именовать правильные многогранники платоновыми телами.

А вот терминологию ввели еще раньше, и тут не последнюю роль сыграл скульптор Поликлет.

Пифагор и симметрия

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

Согласно полученным выводам:

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

Пифагор и его последователи выделяли «совершенно симметричные тела», к которым причисляли удовлетворяющие условиям:

• каждая грань - многоугольник;
• грани встречаются в углах;
• фигура должна иметь равные стороны и углы.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

Точки А и А 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-м веке исследования в этой области привели к заключению, что симметрия природных форм в значительной степени зависит от влияния сил земного тяготения, которое в каждой точке имеет симметрию конуса. В результате был найден следующий закон, которому подчиняются формы природных тел: "Все то, что растет или движется по вертикали, то есть вверх или вниз относительно земной поверхности, подчиняется радиально-лучевой ("ромашково-грибной") симметрии. Все то, что растет и движется горизонтально или наклонно по отношению к земной поверхности, подчиняется билатеральной симметрии - "симметрии листка" (одна плоскость симметрии)".