Баланс в дизайне – это распределение элементов дизайна. Баланс – это визуальная интерпретация гравитации в дизайне. Большие, плотные элементы кажутся более тяжелыми, в то время как более мелкие элементы кажутся более легкими. Вы можете сбалансировать дизайн тремя способами:
- симметричный баланс
- асимметричный баланс
- диссонанс или дисбаланс
Использование баланса в дизайне
Баланс в веб-дизайне находится в макете. Положение элементов на странице определяет, насколько сбалансированной выглядит страница. Одна большая проблема для достижения визуального баланса в веб-дизайне – это сгиб. Вы можете создать макет, который идеально сбалансирован в первоначальном виде, но когда читатель прокручивает страницу, он может выйти из равновесия.
Как включить баланс в веб-дизайн
Наиболее распространенный способ включения баланса в веб-дизайн – макет. Но вы также можете использовать свойство стиля float для позиционирования элементов и их балансировки по всей странице. Очень распространенный способ симметричной балансировки макета – центрировать текст или другие элементы на странице.
Большинство веб-страниц построены на основе грид-системы, и это сразу создает баланс для страницы. Клиенты могут видеть сетку, даже если нет видимых линий. А веб-страницы хорошо подходят для сеточных дизайнов благодаря квадратной природе веб-форм.
Симметричный баланс
Симметричный баланс достигается благодаря очень равномерному расположению элементов в дизайне. Если у вас есть большой тяжелый элемент справа, у вас будет соответствующий тяжелый элемент слева. Центрирование – это самый простой способ получить симметрично сбалансированную страницу. Но будьте осторожны, так как может быть трудно создать центрированный дизайн, который не выглядит плоским или скучным. Если вы хотите симметрично сбалансированный дизайн, лучше создать баланс с различными элементами – такими как изображение слева и большой блок более тяжелого текста справа от него.
Асимметричный баланс
Асимметрично сбалансированные страницы могут быть более сложными для дизайна, поскольку в них нет элементов, совпадающих с центральной линией дизайна. Например, у вас может быть большой элемент, расположенный очень близко к центральной линии дизайна. Чтобы сбалансировать его асимметрично, у вас может быть небольшой элемент дальше от центральной линии. Если вы думаете, что ваш дизайн находится на качелях или качелях, более легкий элемент может уравновесить более тяжелый элемент, находясь дальше от центра тяжести. Вы также можете использовать цвет или текстуру, чтобы сбалансировать асимметричный дизайн.
Дискордант или дисбаланс
Иногда цель дизайна заставляет работать несбалансированный или несогласованный дизайн. Неуравновешенные проекты предполагают движение и действие. Они делают людей неудобными или неудобными. Если содержание вашего дизайна также должно быть неудобным или заставлять людей думать, неадекватно сбалансированный дизайн может работать хорошо.
