У 21 столітті потрібно дуже старатися, щоб довше  утримати користувача на своєму сайті. Якщо досвідченому відвідувачеві не сподобається візуальна частина або логіка веб-ресурсу, то не варто розраховувати на те, що він не закриє сайт через 5 хвилин або повернеться туди ще раз. Тому мета кожного проекту – домогтися ефективного веб-дизайну. Для початку розберемося, що ж таке баланс і чому він нам настільки важливий.

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

Якщо дане визначення перенести в сферу веб-дизайну, можна говорити про якесь «правильне» поєднання елементів сайту, яке було б приємно і легко сприймати. Відразу виникає запитання: «Що вважається «правильним» і хто це «правильно» встановив?»

Щоб відповісти на нього, можемо трохи зануритися в історію. Назвіть зараз найкрасивішу жінку Стародавнього Єгипту. Про кого ви відразу подумали? Правильно, Нефертіті. Чому ж нею захоплювалися і продовжують це робити досі? Відповідь криється в простому: у симетрії. Вчені вважають, що, чим більш симетричні риси обличчя людини, тим більше вона нам приємна. Цю ж тезу можна перенести і у сферу веб-дизайну. Симетрія – ось запорука успіху. Про це і йтиметься далі.

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

У симетричному вигляді балансу елементи розташовуються найбільш гармонійно – наприклад, по обидва боки від центральної вертикальної або горизонтальної осей (дзеркально, рис.1). При бажанні, можна відштовхуватися тільки від однієї осі. Залежно від того, яка вісь береться за основу, з'являється відповідна назва – вертикальний і (або) горизонтальний баланс. Нудно, стандартно? Можливо. Але саме вони витримали випробування часом.

Приклад сайту з дзеркальною симетрією

Малюнок 1. Приклад сайту з дзеркальною симетрією

Хоча перераховані вище види вважаються формальними, строгими, симетрію можна зробити і цікавою. Наприклад, за допомогою радіальної композиції (мал.2). Коли об'єкт обертається навколо своєї осі, досягається ефект динамічності, рухливості веб-ресурсу. Використовуючи симетрію, не обов'язково робити всі елементи однаковими. Головний принцип – розташувати їх так, щоб будь-яка частина сайту не перетягувала на себе всю увагу користувача.

Приклад сайту з радіальною симетрією

Малюнок 2. Приклад сайту з радіальною симетрією

Ще один цікавий вид симетрії – трансляційна, в основі якої знаходиться вектор. При його використанні досягається ефект зсуву всіх елементів на сайті в одному напрямку (мал.3). Також симетрія переносу створюється завдяки повторенню певних елементів або їх форм на сайті.

Приклад використання трансляційної симетрії на сайті

Малюнок 3. Приклад використання трансляційної симетрії на сайті

Асиметрія в веб-дизайні – досить поширене явище. Але хороша вона лише тоді, коли досягається баланс. Як то кажуть, все добре, що в міру. У асиметрії найкраще привертати увагу користувача тільки в одній точці, акцентуючи на невеликій кількості елементів, як це зробила, наприклад, всім відома компанія «McDonald's» (мал. 4).

Приклад вдалого використання асиметрії в логотипі компанії «McDonald's»

Малюнок 4. Приклад вдалого використання асиметрії в логотипі компанії «McDonald's»

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

Приклад невдалого використання асиметрії на сайті. Сторінка виглядає перевантаженою з лівого боку

Малюнок 5. Приклад невдалого використання асиметрії на сайті. Сторінка виглядає перевантаженою з лівого боку

Баланс не варто недооцінювати. Завдяки йому користувач отримує не тільки естетичне задоволення від перебування на веб-ресурсі, але й легко сприймає та засвоює інформацію. Саме збалансована композиція сайту створює у відвідувача відчуття гармонії, спрощує навігацію по сайту, а значить вже допомагає веб-ресурсу виконувати свою функцію.