2D- и 3D-анимация

Веб-анимация является важным элементом дизайна интернет-ресурсов. Её присутствие повышает эмоциональное восприятие сайта и способствует его "оживлению". При правильном применении анимация служит эффективным средством привлечения большего количества посетителей на страницы сайта.

Двумерная (2D) анимация широко используется при создании баннеров (примеры №1 и №2), рекламных роликов, презентаций и различных элементов интерфейса (кнопки, меню и т.п.). Являясь сравнительно простым решением, она обладает достаточно сильным визуальным эффектом и способна производить хорошее впечатление на посетителя сайта.

Трёхмерная (3D) анимация - это формат, отличающийся живым, близким к реальному восприятию изображением. Это достигается за счет того, что картинка кажется объемной, хотя в действительности результаты представляют собой плоскую проекцию. Трёхмерная анимация широко используется в баннерах (пример №3), 3D флеш-галереях, слайд-шоу и других составляющих дизайна интернет-страниц.

Одним из важных применений анимации является демонстрация какого-либо процесса в развитии. Если один и тот же объект изменяется с течением времени, переход из одного состояния в другое максимально наглядно передается при помощи анимации. Пользователю предосталяется возможность наблюдать за происходящей эволюцией своими глазами, а не привлекать для этого свою фантазию и воображение.

Другой областью использования анимации является отображение 3-мерных объектов. Дисплей компьютера способен дать только 2-мерное изображение предмета. Анимация даёт возможность пользователю рассмотреть объект с разных сторон, в разных проекциях, имитируя тем самым объёмное ихображение. Таким объектом, в частности, может быть образец предлагаемого товара. Другим вариантом является управляемая анимация, когда пользователь сам может поворачивать объект, приближать те или иные его части, т.е. произвольно перемещить объект в пространстве так, как это нужно и удобно пользователю. Примером такой управляемоё анимации может быть одна из показанных здесь 3D флеш-галерей.

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

Другим очень популярным элементом интернет-страниц является слайд-шоу. Слайд-шоу позволяет пользователю просматривать серию изображений, не переходя при этом на другие страницы. Обычно слайд-шоу имеет кнопки управления, которые дают возможность просматривать изображения как вручную по одной картинке, так и в процессе автоматического показа изображений, сменяющих друг друга через определённые интервалы времени. Примеры анимированных слайд-шоу показаны ниже на этой странице.

Примеры анимированных слайд-шоу

Пример №1

Пример №2

Пример №3

Пример №4

Пример №5

Пример №6

Пример №7

Пример №8


Хотите задать вопрос?


Пожалуйста, заполните следующую форму, и наши специалисты свяжутся с вами в ближайшее время.


Введите Имя:*


Введите свой e-mail:*


Введите свой номер телефона:*


Введите текст сообщения:*