Фигура несимметричная потому что
Что такое симметрия и асимметрия?
Симметрия ассоциируется с гармонией и порядком. И не зря. Потому что на вопрос, что такое симметрия, есть ответ в виде дословного перевода с древнегреческого. И получается, что она означает соразмерность и неизменность. А что может быть упорядоченней, чем строгое определение местоположения? И что можно назвать более гармоничным, чем то, что строго соответствует размерам?
Что означает симметрия в разных науках?
Биология. В ней важной составляющей симметрии является то, что животные и растения имеют закономерно расположенные части. Причем в этой науке не существует строгой симметрии. Всегда наблюдается некоторая асимметрия. Она допускает то, что части целого не совпадают с абсолютной точностью.
Физика. Система тел и изменения в ней описываются с помощью уравнений. В них оказываются симметричные составляющие, что позволяет упростить все решение. Это выполняется благодаря поиску сохраняющихся величин.
Математика. Именно в ней в основном и дается разъяснение, что такое симметрия. Причем большее значение ей уделяется в геометрии. Здесь симметрия — это способность к отображению у фигур и тел. В узком смысле она сводится просто к зеркальному отображению.
Как определяют симметрию разные словари?
На вопрос, что такое симметрия, словарь Ожегова уже говорит об одинаковости в положении частей относительно точки, прямой или плоскости.
В словаре Ушакова упоминается еще и пропорциональность, а также полное соответствие двух частей целого друг другу.
Когда говорят об асимметрии?
Приставка «а» отрицает смысл основного существительного. Поэтому асимметрия означает то, что расположение элементов не поддается определенной закономерности. В ней отсутствует всякая неизменность.
В живой природе асимметрия играет важную роль. Причем она может быть как полезной, так и вредной. К примеру, сердце помещается в левую половину груди. За счет этого левое легкое существенно меньшего размера. Но это необходимо.
О центральной и осевой симметрии
В математике выделяют такие ее виды:
Что такое ось и центр симметрии? Это точка или прямая, относительно которой любой точке тела найдется другая. Причем такая, чтобы расстояние от исходной до получившейся делилось пополам осью или центром симметрии. Во время движения этих точек они описывают одинаковые траектории.
В ситуациях, когда необходимо найти центр симметрии, нужно поступать следующим образом. Если фигур две, то найти у них одинаковые точки и соединить их отрезком. Потом разделить пополам. Когда фигура одна, то помочь может знание ее свойств. Часто этот центр совпадает с точкой пересечения диагоналей или высот.
Какие фигуры являются симметричными?
Геометрические фигуры могут обладать осевой или центральной симметрией. Но это не обязательное условие, существует множество объектов, которые не обладают ею вовсе. К примеру, параллелограмм обладает центральной, но у него нет осевой. А неравнобедренные трапеции и треугольники не имеют симметрии совсем.
Если рассматривается центральная симметрия, фигур, обладающих ею, оказывается довольно много. Это отрезок и круг, параллелограмм и все правильные многоугольники с числом сторон, которое делится на два.
Центром симметрии отрезка (также круга) является его центр, а у параллелограмма он совпадает с пересечением диагоналей. В то время как у правильных многоугольников эта точка тоже совпадает с центром фигуры.
Если в фигуре можно провести прямую, вдоль которой ее можно сложить, и две половинки совпадут, то она (прямая) будет являться осью симметрии. Интересно то, сколько осей симметрии имеют разные фигуры.
К примеру, острый или тупой угол имеет только одну ось, которой является его биссектриса.
Если нужно найти ось в равнобедренном треугольнике, то нужно провести высоту к его основанию. Линия и будет осью симметрии. И всего одной. А в равностороннем их будет сразу три. К тому же, треугольник обладает еще и центральной симметрией относительно точки пересечения высот.
У круга может быть бесконечное число осей симметрии. Любая прямая, которая проходит через его центр, может исполнить эту роль.
Прямоугольник и ромб обладают двумя осями симметрии. У первого они проходят через середины сторон, а у второго совпадают с диагоналями.
Квадрат же объединяет предыдущие две фигуры и имеет сразу 4 оси симметрии. Они у него такие же, как у ромба и прямоугольника.
«Симметричные и несимметричные фигуры» 3 класс математика
«Управление общеобразовательной организацией:
новые тенденции и современные технологии»
Свидетельство и скидка на обучение каждому участнику
Выбранный для просмотра документ урок-презентация.pptx
Описание презентации по отдельным слайдам:
Урок математики 3 класс по теме : «Симметричные и несимметричные плоские фигуры» Подготовила учитель начальных классов КГУ «Фрунзенская средняя школа» Бортвина Ю.И.
Итог урока. Что нового узнали на уроке? Какие бывают предметы и геометрические фигуры? Что такое симметрия? Как называется линия, которая делит предметы на ровные половины? Что такое ассиметрия? Где в природе встречается симметрия? Где в жизни встречается симметрия?
Курс повышения квалификации
Дистанционное обучение как современный формат преподавания
Курс повышения квалификации
Методика обучения математике в основной и средней школе в условиях реализации ФГОС ОО
Курс профессиональной переподготовки
Математика: теория и методика преподавания в образовательной организации
Ищем педагогов в команду «Инфоурок»
Номер материала: ДБ-458625
Не нашли то, что искали?
Вам будут интересны эти курсы:
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.
Учителя о ЕГЭ: секреты успешной подготовки
Время чтения: 11 минут
В российских школах могут появиться «службы примирения»
Время чтения: 1 минута
В Липецкой области начинающие педагоги получат 120 тысяч рублей
Время чтения: 0 минут
В Минпросвещения рассказали о формате обучения школьников после праздников
Время чтения: 1 минута
Учителя о ЕГЭ: секреты успешной подготовки
Время чтения: 11 минут
Рособрнадзор разрешил провести ВПР по некоторым предметам на компьютерах
Время чтения: 0 минут
Названы главные риски для детей на зимних каникулах
Время чтения: 3 минуты
Подарочные сертификаты
Ответственность за разрешение любых спорных моментов, касающихся самих материалов и их содержания, берут на себя пользователи, разместившие материал на сайте. Однако администрация сайта готова оказать всяческую поддержку в решении любых вопросов, связанных с работой и содержанием сайта. Если Вы заметили, что на данном сайте незаконно используются материалы, сообщите об этом администрации сайта через форму обратной связи.
Все материалы, размещенные на сайте, созданы авторами сайта либо размещены пользователями сайта и представлены на сайте исключительно для ознакомления. Авторские права на материалы принадлежат их законным авторам. Частичное или полное копирование материалов сайта без письменного разрешения администрации сайта запрещено! Мнение администрации может не совпадать с точкой зрения авторов.
Презентация к уроку
Оборудование: компьютер, проектор, экран, презентация, рисунки, магниты, цветной мел; у каждого школьника папка с набором геометрических моделей, школьные инструменты, цветная бумага, цветные карандаши.
Формы работы: индивидуальная, парная, групповая.
Тип урока: урок исследование.
Методы: объяснительно-иллюстративный, частично-поисковый, исследовательский, проектный.
Формы познавательной деятельности обучающихся: фронтальная, индивидуальная.
Мы идем по улице и вдруг замедлим шаг, увидев пропорциональное и красивое здание.
Мимо проходит множество людей, а каждый из нас обратит внимание на кого-то одного и скажет: «Этот человек красив и гармоничен».
Эту цепочку можно продолжать, но мы сейчас говорим о чем-то едином: о красоте, гармонии и пропорциональности живой и неживой природы.
Я приглашаю (прошу подойти специально подготовленную) ученицу этого класса. Дети обращают внимание на симметричные прическу, серьги, блузку, шаль с рисунком.
— Сегодня у нас в гостях ваша одноклассница и она называется:
Запишем в тетради тему урока «Осевая симметрия».
Сегодня на уроке мы попытаемся ответить на следующие вопросы:
— Что такое симметрия?
— Что собой представляет осевая симметрия?
— Научимся определять симметричные фигуры.
— Повторим построение симметричных точек и геометрических фигур относительно прямой.
— Какую роль играет симметрия в повседневной жизни человека (в природе, архитектуре, в быту)?
— Можно ли, зная о тайне гармонии, сделать мир лучше и красивее? (слайд 3)
Класс разделен на три группы. За каждый правильный ответ команда получает фигурку. Одна фигурка-один балл. Команда, набравшая наибольшее число баллов, получает оценку 5.
— Что такое симметрия?
— Слово симметрия издавна употреблялось в значении гармония и красота.
Тайну гармонии пытались осмыслить Евклид, Пифагор, Леонардо да Винчи, Кеплер и многие другие крупнейшие мыслители человечества.
— Что вы можете сказать о значении слова «симметрия» и «ось»?
— Какие точки называются симметричными? (слайд 8)
— Определение симметричных точек относительно прямой:
«Две точки А и В называются симметричными относительно прямой р, если эта прямая проходит через середину отрезка АВ, соединяющего эти точки и перпедикулярна к нему.»
— Сформулируйте алгоритм построения точки, симметричной данной относительно некоторой прямой.
— Почему нельзя будет выполнить задание, которое звучит следующим образом: «Постройте фигуру, симметричную данной «?
— Это задание неполное, так как неясно, относительно чего выполняется симметрия: относительно точки или относительно прямой. Значит, для выполнения осевой симметрии необходимо знать ось симметрии.
Построение фигуры, симметричной данной (эстафета по группам)
Письменная работа в тетрадях и на доске. (слайд 9)
Задание 1. Постройте точку, симметричную данной относительно прямой с (слайд 10)
Задание 2. Постройте прямую, симметричную данной относительно прямой с (слайд 11)
Задание 3. Постройте треугольник, симметричный данному относительно прямой с (слайд 12)
Задание 4. Нарисуйте от руки фигуру, симметричную данной относительно вертикальной оси (елка, птица, котик) (слайд 13).
Фигуры нарисованы на листах и прикреплены к доске. Каждый выходит к доске и делает один элемент изображения, симметричное одной фигуре из тех, что предложены его команде. Выигрывает та команда, которая первая справится с заданием(количество участников-количество баллов).
Задание 5 (устно). Верно ли, что следующие числовые промежутки симметричны относительно прямой m, перпендикулярной к координатной прямой и проходящей через начало отсчета О:
в) окрытые лучи от 1 до бесконечности и от минус бесконечности до 1?
Ответ: а) да; б) нет; в) да.
Задание 6 (исследовательская работа).
— Как определить имеет ли фигура оси симметрии? (слайд 14)
— Сколько осей симметрии может иметь фигура?
На партах у вас лежат геометрические фигуры.
Ваша задача самостоятельно определить, сколько осей симметрии имеют каждая фигура.
Определите самую «симметричную» и самую «несимметричную» фигуру.
Обучающиеся находят оси симметрии таких геометрических фигур как угол, равносторонний, равнобедренный и разносторонний треугольник, прямоугольник, ромб, квадрат, трапеция, параллелограмм, круг, неправильный многоугольник.
— Выясним, какие геометрические фигуры имеют одну ось симметрии?
— Угол, равнобедренный треугольник, трапеция. (слайд 15)
— Прямоугольник, ромб. (слайд 16)
— Являются ли диагонали прямоугольника осями симметрии и почему?
— Не являются, потому что при перегибании прямоугольника по диагонали треугольники не совпадают.
Учащиеся перегибают фигуру по диагонали и показывают, что части прямоугольника не совпадают, то есть диагональ прямоугольника не является осью симметрии.
— Равносторонний треугольник. (слайд 17)
— Четыре оси симметрии?
— Сколько осей симметрии имеет круг?
— Множество, это прямые, проходящие через центр круга.
— Итак, какая самая «симметричная» и самая «несимметричная» фигура?
Приведите примеры симметричных предметов из окружающей вас обстановки дома и на улице? А мы с вами обладаем симметрией?
Задание 7 (исследовательская и «краеведческая» работа-10 баллов).
— Предлагаю провести мини-исследования в парах или небольших группах с последующим обсуждением о наличии симметрии во внешнем и внутреннем строении человека, животных, растениях; в архитектуре зданий стран мира, нашего города и школы.
При подготовке сообщений обучающиеся используют Интернет.
Результаты мини-исследований представляют учащиеся класса.
— «Осевая симметрия в природе». (слайд 19)
— Внимательное наблюдение показывает, что основу красоты многих форм, созданных природой, составляет симметрия. Ярко выраженной симметрией обладают листья, цветы, плоды. (слайд 20)
Исследования экологов тесно связаны с окружающими нас растениями, деревьями.
По симметричности листьев березы можно говорить о здоровой экологической обстановке микрорайона. Если листья березы не симметричны, то экологическая обстановка неблагоприятна, это указывает на наличие радиации или химических загрязнений. Исследуем листья березы, собранные в микрорайоне западного Батайска. На основе раздаточного материала делаем вывод, что экологическая обстановка микрорайона благоприятна.
— Он сыплет с неба мелкой крупой, летает вокруг фонарей огромными пушистыми хлопьями, стоит столбом в лунном свете ледяными иглами. Казалось бы, какая ерунда! Всего-то замёрзшая вода. :но сколько вопросов возникает у человека, глядящего на снежинки.
— Посчитайте оси симметрии у вашей модели снежинки.
— «Осевая симметрия и животный мир». (слайд 23)
Обучающиеся отмечают симметрию внешнего строения животных, приводят примеры симметричного окраса, но утверждают о том, что внутреннее строение животных не симметрично.
— «Осевая симметрия и человек». (слайд 24)
Большинство органов человеческого тела непосредственно управляются от спинного мозга через спинномозговые нервы. Ущемление корешков нервов, отходящих от спинного мозга, ведет к нарушению работы внутренних органов. На наличие связи между состоянием позвоночника и функционированием внутренних органов указывал еще Гиппократ. Профилактика сколиоза это лучше, чем его лечение.
При первых признаках сколиоза необходимо проконсультироваться со специалистом, выполнять режим, облегчающий нагрузку на позвоночник, обеспечить богатое витаминами и минеральными веществами питание (позвоночнику крайне необходимы такие микроэлементы как кальций, цинк, медь), нужно заниматься утренней гимнастикой и лечебной физкультурой. Важно научится правильно сидеть за письменным столом: затылок должен быть немного приподнят и отведен слегка назад, а подбородок чуть опущен. При таком положении головы выпрямляется весь позвоночник и улучшается кровоснабжение головного мозга. Ноги должны стоять на полу, причем угол в коленных суставах должен составлять примерно 90 градусов.
Позвоночник является одной из наиболее важных составляющих частей человеческого тела. Благодаря ему мы можем ходить, бегать, прыгать, приседать. От осанки во многом зависят красота и обаяние человека.
— «Осевая симметрия в архитектуре зданий городов мира, города Батайска». (слайды 25,26 )
— Нагляднее всего симметрия видна в архитектуре. В сознании древнегреческих архитекторов симметрия стала олицетворением закономерности, целесообразности, красоты. Образцами таких сооружений являются Пирамида Хеопса в Египте, Собор Парижской Богоматери и Эйфелева башня во Франции, Биг Бен в Великобритании, мечеть Тур Махал в Турции.
Архитектура русских православных храмов и соборов свидетельствует о том, что с древнейших времен архитекторы хорошо знали математическую пропорцию и симметрию и использовали их при строительстве архитектурных сооружений Руси: Кремль,собор Христа Спасителя г.Москва, Казанский и Исаакиевский соборы г.Санкт-Петербург, соборы г.Пскова, г.Нижнего Новгорода и другие. (слайд 27)
Мы задались еще одним вопросом: «А современные архитекторы владеют ли секретом создания красоты?» Интерес для нас представляет родной город. Например, символ г.Батайска, который находится в Центральном парке, полюбился многим горожанам, эстетическое восприятие его мы объясняем симметричностью его арки. Мы видим симметрию в административных, жилых зданиях, зданиях культурного досуга. (слайд 28)
— «Осевая симметрия и наш школьный двор». (слайд 32 )
— Исследуя размеры родной школы мы видим, что фасад здания, крыльцо, секция школьной ограды, малые архитектурные формы, клумбы соответствуют правилам симметрии. Поэтому общий вид школьного двора выглядит гармонично.
Рефлексия. (слайды 33, 34, 35, 36 )
На слайдах презентации представлены примеры симметричных и не симметричных предметов окружающего мира. Учащимся предлагается определить образцы симметричных и несимметричных предметов, проанализировать почему?
Творческое задание по группам:
1) создать симметричные модели или композицию, используя цветную бумагу, ножницы, фломастеры;
2) создать картину на экране монитора;
3) используя ткань, пуговицы и другие материалы.
Домашнее задание: творческие задания по теме «Высказывания великих ученых о симметрии»; мини-презентации, фоторепортажи о симметрии окружающей действительности.
Научились определять симметричные фигуры.
Научились строить симметричные точки и геометрические фигуры относительно прямой.
Тайну гармонии пытались осмыслить великие мыслители человечества. Сегодня на уроке в разгадку этой тайны погрузились и мы. Выяснили, что симметрия играет одну из главных направлений в повседневной жизни человека: в предметах быта, в архитектуре, в природе. Зная о тайне гармонии, одной из которых является осевая симметрия, можно сделать мир лучше и красивее.
Знаете известную фразу: «Красота спасет мир?» Трудно не согласиться с Федором Михайловичем Достоевским. Мы все хотим сделать свою жизнь гармоничнее и красивее. Ребята, как вы думаете, может мы нашли секрет создания красоты?
Принципы дизайна: композиционное равновесие, симметрия и асимметрия
Сбалансированная композиция кажется правильной. Она смотрится устойчиво и эстетически привлекательно. Хотя какие-то из ее элементов могут особенно выделяться, являясь фокальными точками — ни одна часть не притягивает взгляд настолько, чтобы подавлять остальные. Все элементы сочетаются друг с другом, плавно соединяясь между собой и образуя единое целое.
Несбалансированная композиция вызывает напряжение. Когда дизайн дисгармоничен, отдельные его элементы доминируют над целым, и композиция становится меньше, чем сумма ее частей. Иногда подобная дисгармония может иметь смысл, но чаще всего баланс, упорядоченность и ритм — это лучшее решение.
Баланс физический и визуальный
Несложно понять, что такое баланс с точки зрения физики — мы ощущаем его постоянно: если что-то не сбалансировано, оно неустойчиво. Наверняка в детстве вы качались на качелях-доске — вы на одном конце, ваш друг — на другом. Если вы весили примерно одинаково, вам было легко на них балансировать.
Нижеследующая картинка иллюстрирует баланс: два человека одинакового веса находятся на равном расстоянии от точки опоры, на которой балансируют качели.
Качели в симметричном равновесии
Человек на правом конце доски раскачивает ее по часовой стрелке, а человек на левом — против. Они прикладывают одинаковую силу в противоположных направлениях, так что сумма равна нулю.
Но если бы один человек был намного тяжелее, равновесие бы исчезло.
Эта картинка кажется неправильной, потому что мы знаем, что фигура слева слишком мала, чтобы уравновесить фигуру справа, и правый конец доски должен касаться земли.
Но если передвинуть более крупную фигуру в центр доски, картинка приобретет более правдоподобный вид:
Качели в асимметричном равновесии
Вес более крупной фигуры нивелируется тем, что она расположена ближе к точке опоры, на которой балансируют качели. Если вы когда-нибудь качались на таких качелях или, по крайней мере, видели, как это делают другие, то понимаете, что происходит.
Композиционное равновесие в дизайне основано на тех же принципах. Физическая масса заменяется визуальной, и направление, в котором на нее действует сила притяжения, заменяется визуальным направлением:
1. Визуальная масса — это воспринимаемая масса визуального элемента, мера того, насколько данный элемент страницы привлекает внимание.
2. Визуальное направление — это воспринимаемое направление визуальной силы, в котором, как нам кажется, двигался бы объект, если бы он мог двигаться под влиянием физических сил, действующих на него.
Для измерения этих сил нет инструментов и для расчета зрительного баланса нет формул: чтобы определить, сбалансирована ли композиция, вы ориентируетесь только на свои глаза.
Почему визуальное равновесие важно?
Визуальное равновесие так же значимо, как и физическое: несбалансированная композиция вызывает у зрителя дискомфорт. Посмотрите на вторую иллюстрацию с качелями: она кажется неправильной, потому что мы знаем, что качели должны касаться земли.
С точки зрения маркетинга, визуальная масса — это мера визуального интереса, который вызывает какая-либо область или элемент страницы. Когда лендинг визуально сбалансирован, каждая его часть вызывает некоторый интерес, а сбалансированный дизайн удерживает внимание зрителя.
При отсутствии визуального равновесия посетитель может не увидеть некоторые элементы дизайна — скорее всего, он не станет рассматривать области, уступающие другим по визуальному интересу, так что информация, связанная с ними, останется незамеченной.
Если вы хотите, чтобы пользователи узнали все, что вы намерены им сообщить — подумайте о разработке сбалансированного дизайна.
Четыре типа равновесия
Есть несколько способов добиться композиционного равновесия. Картинки из раздела выше иллюстрируют два из них: первая — пример симметричного баланса, а вторая — асимметричного. Два других типа — радиальный и мозаичный.
1. Симметричное равновесие
Симметричное равновесие достигается, когда объекты, равные по визуальной массе, размещаются на равном расстоянии от точки опоры или оси в центре. Симметричное равновесие вызывает ощущение формальности (поэтому иногда оно называется формальным равновесием) и элегантности. Приглашение на свадьбу — пример композиции, которую вы, скорее всего, захотите сделать симметричной.
Недостаток симметричного равновесия в том, что оно статично и иногда кажется скучным: если половина композиции — это зеркальное отражение другой половины, то как минимум одна половина будет достаточно предсказуема.
2. Асимметричное равновесие
Асимметричное равновесие достигается, когда объекты по разные стороны от центра имеют одинаковую визуальную массу. При этом на одной половине может находиться доминирующий элемент, уравновешенный несколькими менее важными фокальными точками на другой половине. Так, визуально тяжелый элемент (красный круг) на одной стороне уравновешен рядом более легких элементов на другой (синие полосы).
Асимметричное равновесие более динамично и интересно. Оно вызывает ощущение современности, движения, жизни и энергии. Асимметричного равновесия сложнее достичь, потому что отношения между элементами более сложны, но, с другой стороны, оно оставляет больше простора для творчества.
3. Радиальное равновесие
Радиальное равновесие достигается, когда элементы расходятся лучами из общего центра. Лучи солнца или круги на воде после того, как в нее упал камень — это примеры радиального равновесия. Удерживать фокальную точку (точка опоры) легко, поскольку она всегда в центре.
Лучи расходятся из центра и ведут к нему же, делая его самой заметной частью композиции.
4. Мозаичное равновесие
Мозаичное равновесие (или кристаллографический баланс) — это сбалансированный хаос, как на картинах Джексона Поллока. У такой композиции нет выраженных фокальных точек, и все элементы одинаково важны. Отсутствие иерархии, на первый взгляд, создает визуальный шум, но, тем не менее, каким-то образом все элементы сочетаются и образуют единое целое.
Симметрия и асимметрия
И симметрия, и асимметрия может применяться в композиции вне зависимости от того, каков тип ее равновесия: вы можете использовать объекты симметричной формы для создания асимметричной композиции, и наоборот.
Симметрия, как правило, считается красивой и гармоничной. Впрочем, она также может показаться статичной и скучной. Асимметрия обычно представляется более интересной и динамичной, хотя и не всегда красивой.
Симметрия
Зеркальная симметрия (или двусторонняя симметрия) возникает, когда две половины композиции, расположенные по разные стороны от центральной оси, являются зеркальными отражениями друг друга. Скорее всего, услышав слово «симметрия», вы представляете себе именно это.
Направление и ориентация оси могут быть какими угодно, хотя зачастую она или вертикальная, или горизонтальная. Многие естественные формы, растущие или движущиеся параллельно поверхности земли, отличаются зеркальной симметрией. Ее примеры — крылья бабочки и человеческие лица.
Если две половины композиции отражают друг друга абсолютно точно, такая симметрия называется чистой. В большинстве случаев отражения не полностью идентичны, и половины немного отличаются друг от друга. Это неполная симметрия — в жизни она встречается гораздо чаще, чем чистая симметрия.
Круговая симметрия (или радиальная симметрия) возникает, когда объекты располагаются вокруг общего центра. Их количество и угол, под которым они расположены относительно центра, могут быть любыми — симметрия сохраняется, пока присутствует общий центр. Естественные формы, растущие или движущиеся перпендикулярно поверхности земли, отличаются круговой симметрией — например, лепестки подсолнуха. Чередование без отражения может быть использовано, чтобы продемонстрировать мотивацию, скорость или динамичное действие: представьте крутящиеся колеса движущегося автомобиля.
Трансляционная симметрия (или кристаллографическая симметрия) возникает, когда элементы повторяются через определенные промежутки. Пример такой симметрии — повторяющиеся планки забора. Трансляционная симметрия может возникнуть в любом направлении и на любом расстоянии, если направление совпадает. Естественные формы обретают такую симметрию через репродукцию. При помощи трансляционной симметрии вы можете создать ритм, движение, скорость или динамичное действие.
Бабочка — пример зеркальной симметрии, планки забора — трансляционной, подсолнух — круговой.
Симметричные формы чаще всего воспринимаются как фигуры на фоне. Визуальная масса симметричной фигуры будет больше, чем масса асимметричной фигуры подобного размера и формы. Симметрия создает баланс сама по себе, но она может оказаться слишком стабильной и слишком спокойной, неинтересной.
Асимметрия
У асимметричных форм нет такой сбалансированности, как у симметричных, но вы можете и асимметрично уравновесить всю композицию. Асимметрия часто встречается в естественных формах: вы правша или левша, ветки деревьев растут в разных направлениях, облака принимают случайные формы.
Асимметрия приводит к более сложным отношениям между элементами пространства и поэтому считается более интересной, чем симметрия, а значит — ее можно использовать, чтобы привлечь внимание.
Пространство вокруг асимметричных форм более активно: узоры часто непредсказуемы, и в целом у вас больше свободы самовыражения. Обратная сторона асимметрии в том, что ее сложнее сделать сбалансированной.
Вы можете совмещать симметрию и асимметрию и добиваться хороших результатов — создавайте симметричное равновесие асимметричных форм и наоборот, разбивайте симметричную форму случайной меткой, чтобы сделать ее интереснее. Сталкивайте симметрию и асимметрию в композиции, чтобы ее элементы привлекали больше внимания.
Принципы гештальт-психологии
Принципы дизайна не возникают из ничего: они следуют из психологии нашего восприятия визуальной среды. Многие принципы дизайна вырастают из принципов гештальт-психологии, а также основываются друг на друге.
Так, один из принципов гештальт-психологии касается именно симметрии и порядка и может применяться к композиционному равновесию. Впрочем, это едва ли не единственный принцип, применимый к нему.
Другие принципы гештальт-психологии, такие как фокальные точки и простота — складываются в визуальную массу, а фактор хорошего продолжения, фактор общей судьбы и параллелизм, задают визуальное направление. Симметричные формы чаще всего воспринимаются как фигуры на фоне.
Примеры различных подходов к веб-дизайну
Настало время реальных примеров. Лендинги, представленные ниже, сгруппированы по четырем типам равновесия. Возможно, вы воспримите дизайн этих страниц по-другому, и это хорошо: критическое мышление важнее, чем безоговорочное принятие.
Примеры симметричного равновесия
Дизайн сайта 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
Здесь множество элементов, их расположение не симметрично, размер текстовых колонок не одинаков, и сложно понять, что уравновешивает что. Блоки содержат разное количество контента, и, следовательно, их размеры различаются. Объекты не располагаются вокруг какого-нибудь общего центра.
Блоки разных размеров и плотности создают некоторое ощущение беспорядка. Поскольку сайт обновляется каждый день, структура этого хаоса постоянно меняется. Но в целом равновесие сохраняется.
Можно посчитать этот пример мозаичного равновесия притянутым за уши, но многие сайты организуют свой контент подобным образом. Хотя, наверное, в основном беспорядок не спланирован специально.
Заключение
Принципы дизайна во многом берут начало из гештальт-психологии и теории восприятия и опираются на то, как мы воспринимаем и интерпретируем окружающую визуальную среду. Например, одна из причин, по которым мы замечаем фокальные точки, заключается в том, что они контрастируют с элементами вокруг них.
Тем не менее, принципы дизайна — это не жесткие правила, которым обязательно надо следовать, а скорее рекомендации. Так, не существует единого способа точно определить визуальную массу того или иного объекта. Вы не обязаны безоговорочно выполнять все описанные выше приемы, но неплохо бы их понимать, хотя бы для того, чтобы нарушать правила осознанно.