Як дизайн може бути врівноваженим і все ж мати фокус?


13

Поняття фокусного центру, здається, є основним у веб-дизайні, але чи не означає, що сторінка не може бути збалансована?

Напевно, за визначенням фокусний центр означає, що "вага" сторінки зміщений до цього фокусного пункту?


2
Подумайте про тетер-тотер. Ви можете мати різну вагу на кожній стороні, але при цьому зробити це рівновагою. (Іншими словами, це метафора більше за все)
DA01

1
@ DA01: Мені довелося це зробити Google. Ви маєте на увазі пилораму!
e100

Відповіді:


15

Як зазначає DA01, наявність фокусної точки не обов'язково означає, що сторінка буде незбалансована. Добре мати принаймні один координаційний центр у сенсі акцентування основного повідомлення, наприклад, заклику до дії.

Тепер елементи можуть бути розподілені по-різному по дизайну і все ще врівноважуватися (якщо ви використовуєте сітку, то починаєте з певного балансу відразу). Розподіл не завжди має бути симетричним. Наприклад, у вас може бути великий елемент, розміщений дуже близько до центральної лінії дизайну, але ви можете врівноважити його, додавши невеликий елемент далі від центральної лінії:

введіть тут опис зображення

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

Деякі приклади приємного асиметричного балансу:

введіть тут опис зображення

введіть тут опис зображення

введіть тут опис зображення

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

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.