Изучение симметрии: Когда, где и почему его использовать |

Симметрия

Симметрия

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

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

Симметрия

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

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

Симметрия применяется не только к одному объекту.

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

Есть и другие типы симметрии.

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

Другими словами, когда что-то вращается по кругу, чтобы сформировать симметричный дизайн. На приведенном ниже рисунке квадрат, который был повернут по кругу 20 ° шагом.

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

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

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

Примеры симметрии в дизайн

Симметрия встречается во всех типах дизайна.

Она находится и в печати и в сети. Вот некоторые примеры симметрии в дизайне.

Apple

Базовая схема Apple Storeоснована на симметричной сетке. Если сложить макет Apple Store  по середине, она будет отлично совпадать.

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

Treehouse

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


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

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

Запись опубликована в рубрике Без рубрики. Добавьте в закладки постоянную ссылку.