Использование анимации в веб-дизайне
Периодически наши Заказчики просят нас сделать веб-дизайн с элементами анимации. Особенно нравятся анимированные логотипы. И нам приходится долго разговаривать и убеждать Заказчика, что делать этого ни в коем случае нельзя. Особенно в отношении логотипа. И, как правило, нам удается убедить своих Заказчиков и разработать веб-дизайн без анимации или с ее минимальным использованием.
Тем не менее, использование анимации в веб-дизайне в некоторых случаях не только оправданно, но и весьма полезно. Но, прежде чем начать разработку анимации, следует задать себе вопрос - можно ли того же эффекта в веб-дизайне добиться и без анимации?
Случай 1. С помощью анимации веб-дизайнер передает переходный процесс
Если один и тот же объект может находиться в разных состояниях в разное время, процесс перехода из одного состояния в другое наилучшим образом передается с помощью анимации. Анимация в этом случае дает пользователю возможность отслеживать происходящие изменения визуально, а не представлять их в своем воображении.
Например, простоту смены насадок на инструменте можно хорошо проиллюстрировать с помощью анимации. Такой визуальный ряд позволяет лучше донести до пользователя, что смена насадок - действительно очень легкое дело.
Случай 2. Смена отображаемой информации
Очень удобно использовать анимацию в веб-дизайне для отображения нескольких информационных элементов в одной и той же области экрана. Например, отображение пояснений к карте. Когда мышь наводится на определенный участок карты, в углу экрана появляется информация, относящаяся к этому участку.
Также имеет смысл использовать анимацию в веб-дизайне для отображения активных областей (например, на той же карте). При наведении мыши активная область начинает как-то выделяться (к примеру, мигать). Такой эффект в веб-дизайне обозначает на понятном пользователю языке, что при нажатии на область что-то произойдет. А вот что именно - должно быть указано во всплывающей подсказке.
Другие статьи по теме:
-
Применение анимации на сайте-
Создание анимаций-
Обзор gif-аниматоров-
Веб-дизайн и анимация-
Flash анимация