Відмінності між версіями «6 Поєднання і баланс»

Поточна версія на 13:18, 20 червня 2013

Баланс - це гармонійний розподіл окремих елементів на сторінках веб-сайту або візуальна аналогія сили тяжіння дизайну.

Типи балансу:

- Асиметричний баланс

- Вертикальний Баланс

- Горизонтальний баланс

- Радіальний Баланс

- Симетричний баланс

Асиметричний і Симетричний баланси

Ці види балансів, найчастіше, добре поєднуються з вертикальним, горизонтальним і радіальним балансами. Симетричний баланс - вид балансу, в якому обидві сторони сайту дзеркально відображають один-одного. Симетрія - дуже строгий стиль, на сайтах з симетричним балансом легко орієнтуватися і він комфортний для читання.

Асиметрія, швидше за все, є самою часто використовується формою балансу. Вона абсолютно протилежна симетричному балансу. Асиметричні баланси мають досить велику візуальну ієрархію. Асиметрія не означає відсутності балансу як такого, вона означає те, що елементи на сайті позиціонуються і вибудовуються по відношенню один у одного.

Вертикальний і горизонтальний і баланси

Одним з кращих способів упорядкувати елементи - це збалансувати їх по осях. Осі, як відомо, бувають горизонтальні і вертикальні. Горизонтальний баланс - розташування елементів по лівому і правому боці відносно один-одного. Вертикальний баланс - розташування елементів зверху до низу по горизонтальній осі, зверху до низу.

Радіальний баланс

Радіальний баланс, це балансування елементів навколо центру композиції. Елементи можна розміщувати навколо центру по осі, або в стилі променів сонця.

Властивості балансу

Кожен окремий об'єкт має свої особливості і різні способи взаємодії з іншими елементами на сайті. Основні особливості балансу:

- Розмір

- Форма

- Колір

- Розмір

- Положення

Всі ці властивості можуть використовуватися окремо, для створення симетрії в балансі, або поєднуватися разом створюй рівновагу для асиметричного дизайну, при цьому зміна одного елемента композиції буде впливати на інший.

Розмір

Великий за розміром об’єкт сприймається легко і може бути легко збалансований з невеликим, але насиченим об’єктом. Для досягнення симетрії балансу дизайну, необхідно переконатися що всі елементи мають однаковий розмір, не залежно від того яка у них візуальна вага.

Колір

Кольори об’єктів на сайті мають властивість змінювати візуальну вагу елемента - робити його важче або легше. Темний колір - робить об'єкт важче ніж м'які і світлі кольорові гами. Наприклад червоний колір буде виглядати важче жовтого, по скільки він більше притягує погляд.

Форма

Форми елементів так само можуть міняти баланс в дизайні. Елементи з загостреними, зубчастими і хвилястими формами більше притягують погляд, ніж елементи з прямими лініями, а значить вони будуть візуально важче. Не слід пробувати врівноважити елементи зі складною формою, на багато краще буде створити баланс між складним і простим об’єктом.

Контраст

Контраст - один з найважливіших факторів для створення композиційної рівноваги. Контраст впливає на візуальну вагу об'єкта. Об'єкти з високим контрастом мають більшу вагу, ніж об'єкти з контрастом нижче. Для того, щоб збалансувати контраст, необхідно використовувати компенсацію низького контрасту елемента, більш різким і контрастним фоном або текстурою. Так само можна просто додавати кордону, градієнти, тіні і т.д.

Розміщення

Це один з найважливіших факторів, за допомогою якого можна збалансувати елементи які відрізняються за кольором, розміром, вагою і формою. Як вже говорилося вище - більш яскраві і великі об'єкти притягують більше уваги до себе, але їх вага так само залежить і від того, на скільки близько вони розташовані до центру композиції. Чим ближче об'єкт до центру, тим більше його вага, знаючи це ви можете балансувати об'єктами наближаючи і видаляючи їх від центру.