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