Фестиваль профессиональных веб-разработчиков
В начале октября, в отеле «Холидей Инн» прошел четвертый Фестиваль профессиональных веб разработчиков «404»

Окт 5, 2011

Использование анимации в веб-дизайне


Периодически наши Заказчики просят нас сделать веб-дизайн с элементами анимации. Особенно нравятся анимированные логотипы. И нам приходится долго разговаривать и убеждать Заказчика, что делать этого ни в коем случае нельзя. Особенно в отношении логотипа. И, как правило, нам удается убедить своих Заказчиков и разработать веб-дизайн без анимации или с ее минимальным использованием.
Тем не менее, использование анимации в веб-дизайне в некоторых случаях не только оправданно, но и весьма полезно. Но, прежде чем начать разработку анимации, следует задать себе вопрос - можно ли того же эффекта в веб-дизайне добиться и без анимации?

Случай 1. С помощью анимации веб-дизайнер передает переходный процесс
Если один и тот же объект может находиться в разных состояниях в разное время, процесс перехода из одного состояния в другое наилучшим образом передается с помощью анимации. Анимация в этом случае дает пользователю возможность отслеживать происходящие изменения визуально, а не представлять их в своем воображении.
Например, простоту смены насадок на инструменте можно хорошо проиллюстрировать с помощью анимации. Такой визуальный ряд позволяет лучше донести до пользователя, что смена насадок - действительно очень легкое дело.

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

<---   -    Страница: 2 из 5    -   --->

Навигация: 1  2  3  4  5  

Другие статьи по теме:

- Flash анимация
- Веб-дизайн и анимация
- Применение анимации на сайте
- Анимационные картинки на сайте
- Веб-анимация

Много нового и интересного на сайте зимних Олимпийских игр в Сочи. Относительно недавно дизайн на проекте был кардинально обновлен.
Всемирное известное издание ARTCOM Media Group про дизайн и архитектуру выпустили журнал INTERNI.
Совсем недавно вышла книга, посвященная самой известной петербургской «Мухе», самой старой в Петербурге школе дизайна.
     Верстка | Анимация | Веб-Дизайн | HTML и CSS | Основы веб-графики
2003-2014 © sredaboom.ru
карта сайта обратная связь на главную