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