Привет всем читателям Молодого блога. Нахождение правильного баланса в своих проектах является неотъемлемой частью создания качественных визуальных коммуникаций. Когда ваша конструкция теряет равновесие, ваше сообщение теряется в общей каше элементов. Ключевые элементы, такие как пропорции и иерархии должны быть четко выражены. Симметрия является одним из ключевых факторов, создающих надлежащий баланс в проектах.
В этой статье мы посмотрим на симметрию: когда, где и почему вы должны использовать ее, а когда стоит отказаться от нее совсем.
Симметрия
Давайте начнем с очевидного. Симметрия в дизайне – это расположению элементов на веб странице, по принципу равенства друг другу с обеих сторон. Представьте бабочку, круг, квадрат, треугольник или прямоугольник.
Если сложить любую из этих форм по центру, каждая сторона будет равна по размеру и форме его противоположной стороне. Это называется двусторонней симметрией. Все это может быть разделено пополам симметрично по их вертикальной оси.
Симметрия применяется не только к одному объекту.
Симметрия может относиться также и к расположению элементов. Если вы разделите дизайн страницы в половину, и увидите одинаковые элементы с обеих сторон, значит, макет является симметричным. На изображении ниже, украшения, колонки, и заголовок расположены симметрично.
Есть и другие типы симметрии.
Вы можете наблюдать симметрии в самых неожиданных местах. При желании можно найти симметрию в круговой конструкции. Радиальная симметрия, когда объект вращается по кругу в эквидистантным шагом.
Другими словами, когда что-то вращается по кругу, чтобы сформировать симметричный дизайн. На приведенном ниже рисунке квадрат, который был повернут по кругу 20 ° шагом.
В результате получили круговую схему, которая является симметричной.
Если взять тот же исходный квадрат и просто переместить его копию на угол 45 ° без поворота, у нас получиться то, что называется трансляционной симметрией. Это в той же ориентации, только переехали в другое место.
Трансляционная симметрия не означает, что объекты должны быть одинакового размера. В приведенном ниже примере, квадраты переходят от фона к переднему плану, и получаются больше, поскольку они ближе. Это подразумевает динамику и движение.
Примеры симметрии в дизайн
Симметрия встречается во всех типах дизайна.
Она находится и в печати и в сети. Вот некоторые примеры симметрии в дизайне.
Apple
Базовая схема Apple Storeоснована на симметричной сетке. Если сложить макет Apple Store по середине, она будет отлично совпадать.
Уберите дополнительные элементы с сайта, и вы увидите блоки, которые составляют генеральный план (пример ниже).
Treehouse
Treehouse является еще одним хорошим примером симметрии в дизайне сайта. Обратите внимание, что изображения ноутбука и планшета являются асимметричными, но в целом структуру сайта, если разбить ее на основные элементы, симметричные. Малое нарушение симметрии изображений создает более интересную планировку, чем если бы оба изображения были бы пропорционально одинаковы.
______________________
Ещё в глубокой древности человек заметил, что дым, который образуется при сжигании некоторых растений, оказывает весьма благотворное воздействие. Купить благовония палочки.
Сжигание ароматической смеси было широко распространено в медицине и религиозных обрядах.