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