Больше полезного контента в нашем Telegram-канале: [ Ссылка ]

Cегодня поделимся типичными ошибками, которые допускают дизайнеры при работе с анимацией.

Ошибка №1: делать анимацию ради анимации. Движущиеся элементы и различные эффекты — отличные инструменты, которые помогают создавать динамику, передавать атмосферу компании, акцентировать внимание пользователя на важной информации и приводить его к целевому действию. Если использовать анимацию просто так, она может отвлекать и дезориентировать пользователя, тем самым снизив конверсию.

Ошибка №2: усложнять то, что можно сделать просто. Когда ты осваиваешь новые фишки, хочется показать свои знания всему миру. И частая ошибка новичков в том, что они стараются добавить побольше эффектов на одну страницу или даже в один блок. Но иногда более простая анимация решает задачу лучше и выглядит профессиональнее.

Ошибка №3: подгонять анимацию только под свой экран. Важно не забывать про другие разрешения мониторов, мобильную вёрстку, иначе на экранах большего или меньшего размера анимация будет «ломаться».

Ошибка №4: перекрывать анимацией контент. Один объект не должен перекрывать другой, иначе мозг воспринимает это как беспорядок. Рассчитывай тайминги и движения таким образом, чтобы объекты не закрывали друг друга, а дополняли.

Ошибка №5: неправильно рассчитывать скорость анимации. Раскроем пример на плашках с текстом: если неправильно рассчитать время и скорость появления анимации, то текст появится слишком поздно, и пользователю будет неудобно считывать информацию.

свернуть