Использование анимированных кнопок и ролловеров на сайте
Анимированные сайты порой смотрятся очень нетривиально, интересно, заманчиво, в особенности если графика сделана со вкусом. И некоторые владельцы собственных площадок, а то и штатные дизайнеры тоже начинают задумываться о применении движущихся технологий. Однако стоит подумать, насколько адекватно будет смотреться излишняя живость. Если на сайте предлагается реконструкция фундаментов и усиление оснований зданий, то прыгающие во все стороны домики вряд ли произведут на потенциальных заказчиков нужное впечатление. А вот на сайте, посвящённом распродаже дамских платьев, подобные анимационные излишества вполне уместны. Можно ли (и нужно ли) анимировать солидные площадки без ущерба для внешнего вида страницы и её визуального восприятия?
Принципы анимационного сопровождения на сайте
Одним из наиболее спокойных видов анимации на сайте является графическая навигация. Здесь можно использовать три вида кнопок с меняющимся изображением:
- первый – предназначенный для пассивного состояния кнопки;
- второй – для отображения под наведённым курсором;
- третий – после перехода на страницу (просмотренная ссылка).
Ничего сложного в выполнении такой задачи для дизайнера нет, кнопок можно сделать сколько угодно, вопрос только в том, что каждая отдельно взятая будет увеличивать «тяжесть» страницы, соответственно, время её загрузки. Для пользователей с медленным Интернетом это критично.
Ролловеры – красивые анимированные гиперссылки — можно использовать на торговых площадках в Сети, но с оговоркой. Сайты, предлагающие заказать фундамент под строительство или возвести дачный коттедж, могут применять этот эстетический элемент в небольшом количестве. Точечно установленные ролловеры как раз придают солидности и изящества сайту. Но инсталлировать их нужно в «гомеопатических дозах», так как они сильно влияют на вес сайта. Плюс устанавливать анимацию нужно там, где меню не претерпит скорых изменений. Обновление страничной структуры подразумевает немало работы по демонтажу старых ссылок и изображений.