Как нарисовать симметричный предмет. Симметричное рисование предметов правильной формы

На протяжении веков симметрия остается предметом, который очаровывает философов, астрономов, математиков, художников, архитекторов и физиков. Древние греки были совершенно одержимы ею – и даже сегодня мы, как правило, сталкиваемся с симметрией во всем от расположения мебели до стрижки волос.

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

(Всего 10 фото)

Спонсор поста: Программа для скачивания музыки ВКонтакте : Новая версия программы «Лови в контакте» предоставляет возможность легко и быстро скачивать музыку и видео, размещенные пользователями, со страниц самой известной социальной сети vkontakte.ru.

1. Брокколи романеско

Возможно увидев брокколи романеско в магазине, вы подумали, что это ещё один образец генномодифицированного продукта. Но на самом деле это ещё один пример фрактальной симметрии природы. Каждое соцветие брокколи имеет рисунок логарифмической спирали. Романеско внешне похожа на брокколи, а по вкусу и консистенции – на цветную капусту. Она богата каротиноидами, а также витаминами С и К, что делает её не только красивой, но и здоровой пищей.

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

3. Подсолнухи

Подсолнухи могут похвастаться радиальной симметрией и интересным типом симметрии, известной как последовательность Фибоначчи. Последовательность Фибоначчи: 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144 и т.д. (каждое число определяется суммой двух предыдущих чисел). Если бы мы не спешили и подсчитали количество семян в подсолнухе, то мы бы обнаружили, что количество спиралей растет по принципам последовательности Фибоначчи. В природе есть очень много растений (в том числе и брокколи романеско), лепестки, семена и листья которых отвечают этой последовательности, поэтому так трудно найти клевер с четырьмя листочками.

Но почему подсолнечник и другие растения соблюдают математические правила? Как и шестиугольники в улье, все это – вопрос эффективности.

4. Раковина Наутилуса

Помимо растений, некоторые животные, например Наутилус, отвечают последовательности Фибоначчи. Раковина Наутилуса закручивается в «спираль Фибоначчи». Раковина пытается поддерживать одну и ту же пропорциональную форму, что позволяет ей сохранять её на протяжении всей жизни (в отличие от людей, которые меняют пропорции на протяжении жизни). Не все Наутилусы имеют раковину, выстроенную по правилам Фибоначчи, но все они отвечают логарифмической спирали.

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

5. Животные

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

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

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

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

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

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

Даже такие крошечные образования, как снежинки, регулируются законами симметрии, так как большинство снежинок имеет шестигранную симметрию. Это происходит в частности из-за того, как молекулы воды выстраиваются, когда затвердевают (кристаллизуются). Молекулы воды приобретают твердое состояние, образуя слабые водородные связи, они выравниваются в упорядоченном расположении, которое уравновешивает силы притяжения и отталкивания, формируя гексагональную форму снежинки. Но при этом каждая снежинка симметрична, но ни одна снежинка не похожа на другую. Это происходит потому, что падая с неба, каждая снежинка испытывает уникальные атмосферные условия, которые заставляют её кристаллы располагаться определенным образом.

9. Галактика Млечный Путь

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

10. Симметрия Солнца-Луны

Если учесть, что Солнце имеет диаметр 1,4 млн. км, а Луна – 3474 км, кажется почти невозможным то, что Луна может блокировать солнечный свет и обеспечивать нам около пяти солнечных затмений каждые два года. Как это получается? Так совпало, что наряду с тем, что ширина Солнца примерно в 400 раз больше, чем Луна, Солнце также в 400 раз дальше. Симметрия обеспечивает то, что Солнце и Луна получаются одного размера, если смотреть с Земли, и поэтому Луна может закрыть Солнце. Конечно, расстояние от Земли до Солнца может увеличиваться, поэтому иногда мы видим кольцевые и неполные затмения. Но каждые один-два года происходит точное выравнивание, и мы становимся свидетелями захватывающих событий, известных как полное солнечное затмение. Астрономы не знают, как часто встречается такая симметрия среди других планет, но они думают, что это довольно редкое явление. Тем не менее, мы не должны предполагать, что мы особенные, так как все это дело случая. Например, каждый год Луна отдаляется примерно на 4 см от Земли, это означает, что миллиарды лет назад каждое солнечное затмение было бы полным затмением. Если и дальше все пойдет так, то полные затмения, в конце концов, исчезнут, и это будет сопровождаться исчезновением кольцевых затмений. Получается, что мы просто находимся в нужном месте в нужное время, чтобы увидеть это явление.

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

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

Итак, отвлеченно от фотографии: симметрия окружает нас везде. «Где?» -спросите вы. Посмотрите в зеркало.

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

Однако перейдём к съёмке. Первые вопросы, которые приходят на ум: «Когда имеет смысл сделать снимок симметричным? В какой момент понять, что именно сейчас нужно сделать кадр с «симметричной композицией»?». Лучший подсказчик, конечно - это вдохновение. Но в фотографии, оно, как правило, советчик немногословный. «Вот это классно!» - скажет вдохновение и тут же умолкнет. А уж вам, бедолаге, придется отдуваться за него, пытаясь передать «Вот это классно!» через фотографию, и самому решать, каким будет снимок, с какой композицией.

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

Как правило, это статичная, можно даже сказать, «тяжёлая» фотография.

В большинстве случаев используется вертикальная симметрия (то есть когда правая часть - это отражённая левая).

Реже - горизонтальная.

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

Как правило , используя этот приём хорошо снимать архитектуру. Только при этом учтите, что, скорее всего, будет потеряно «пространство кадра» и с большой вероятностью кадр получится «плоским».

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

Домашнее задание:

Сделать фото с применением правила симметрии.

Не забывайте, пост с домашним заданием называть не только по номеру, но и по названию урока)чтоб критикам было удобно, и понятно, по какому уроку они критикуют)

урок был взять вот тут)

http:/ /grablimk.blogspot.ru/2014/01/blog-post_8896.html

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

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

Что же дает принцип симметрии фотографу?

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

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

Специально для «ФМ²»

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

Помните, в одном из первых уроков по композиции я говорил вам, что не стоит помещать объект съёмки в центр кадра? Так вот. ЗАБУДЬТЕ!

Вот только не надо сразу «дядя сказал неправду!». Можно подумать! Дядя только немного слукавил. Просто нужно было отучить вас от вредной привычки ставить объект съёмки в центр кадра и когда нужно, и когда не нужно. Следующий шаг это задача, чтобы вы могли отличить «когда нужно», от когда не нужно.

Тема сегодняшнего урока - как раз одно из таких «когда нужно». А точнее - симметрия в фотографии. Почему это красиво смотрится, почему это завораживает и когда это использовать. И, наконец - почему симметрия - это плохо.

Итак, отвлеченно от фотографии: симметрия окружает нас везде. «Где?» -спросите вы. Посмотрите в зеркало.

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

Однако перейдём к съёмке.

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

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

Как правило, это статичная, можно даже сказать, «тяжёлая» фотография.

В большинстве случаев используется вертикальная симметрия (то есть когда правая часть - это отражённая левая).

Реже - горизонтальная.

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

Как правило, используя этот приём хорошо снимать архитектуру. Только при этом учтите, что, скорее всего, будет потеряно «пространство кадра» и с большой вероятностью кадр получится «плоским».

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

Надеюсь вам помогли наши уроки по фотографии!

Над созданием Фотошколы работала небольшая группа фотографов-энтузиастов своего дела.

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

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

Поэтому (простите, что мы, чужие старухи, к вам обращаемся:)) мы собираем деньги на новый сайт и хостинг.

Если у вас есть возможность, то мы были бы очень благодарны, если бы вы помогли делу просвещения Фотографии любой суммой!

Огромное Вам спасибо.

Яндекс деньги, номер счёта: 410011065587885

WEB Money R418922569059

В Сбербанке можно положить на карточку номер 4276 3800 2318 1675. (при этом, если будет возможность указывайте в теме платежа "Фотошкола")

Деньги класть можно в любом автомате, где есть прием денег этих платёжных систем.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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