Анимация помогает последовательно вести пользователя от блока к блоку, акцентировать внимание на важных элементах и частях контента.

Но значит ли это, что статичный сайт будет работать хуже? Есть ли способы, как сделать это без анимации?
⠀
Рассказываем, как управлять людьми. Ну или хотя бы их вниманием 😂
⠀
Внимание привлекает контраст. В дизайне есть 4 основных вида контраста:
⠀
Контраст размера
🔷 🔷 🔷 🔹
Если у вас несколько элементов разных размеров, то большие объекты привлекают больше внимания. А если все элементы имеют одинаковый размер, а один из них отличается, то внимание привлечет именно он, и неважно, меньше он или больше.
⠀
Контраст формы
🟥 🟥 🟥 🛑
Сложные по форме элементы привлекают больше внимания. И объект, отличающийся от всех остальных формой, тоже его привлечёт.
⠀
Контраст цвета
⚪ ⚪ ⚪ 🟢
Использование акцентных цветов визуально привлекает внимание к объектам. А если нужно сделать объект менее заметным, можно добавить ему прозрачности, понизив его контрастность с фоном.
⠀
Контраст расстояния
🟪 🟪 🟪 🟪
Объект можно визуально выделить за счёт необычного расстояния до соседних элементов: отдалить или приблизить его.
⠀
Вот такие несложные приёмы помогают последовательно вести внимание пользователя по странице, не прибегая к анимации. Но, предчувствуя вопросы, сразу оговоримся: речь только об эстетической анимации. Без функциональной сайт существовать не может.
⠀
И наше мнение такое, что сегодня уже не стоит вопрос о том, нужна ли анимация на сайте. Дизайн — это больше, чем просто визуальная презентация. Дизайн — это взаимодействие. Веб по своей природе интерактивен. Поэтому мы должны воспринимать анимацию, как естественную часть дизайна 🙂
⠀
🔥 А чтобы подробно разобраться во всех видах анимации – читайте наш мощный гайд: https://web-valley.ru/articles/vidy-animacii