Веб-дизайн: анимация
Оценка:Проголосовало: 1
Дизайнер, заказчики и посетители
Распространено мнение, что у большой части посетителей Интернета не установлен модуль для просмотра Flash-роликов1. Таким образом, выбирая в качестве технического решения Flash-анимацию, вы сужаете круг пользователей, которые смогут ознакомиться с содержимым сайта.
Если Flash используется для анимации отдельных элементов веб- страницы, можно поступить следующим образом. В выпадающем меню Macromedia Flash есть пункт File/Publish Settings, а во вкладке HTML — пункт Window Mode, в котором надо выбрать Transparent Windowless. В этом случае фон роликов станет прозрачным и сквозь него будет виден фон ячейки, содержащий изображение в стандартном формате. Таким образом можно состыковывать векторную анимацию и статическую растровую графику.
Однако важно учесть, что все это касается только MS IE. В других браузерах мы увидим квадрат, который будет закрывать фон независимо от настроек Window Mode. В идеале в html-файл надо вставлять процедуру, которая будет определять наличие модуля просмотра у клиента и в зависимости от этого выводить либо Flash- заставку, либо аналогичный рисунок.
Одним словом, делая для клиента Flash по собственной инициативе, дизайнер подвергает себя определенному риску. Поэтому лучше сразу в двух словах обрисовать клиенту все перспективы. Дескать, скоро без векторной анимации ни одна иконка работать не будет, за ними будущее и так далее. Показав клиенту все чудеса этой технологии и убедив его в острой необходимости ее использования, можно приступать к работе.

Greatest hits
Если клиент категорически не соглашается, ему можно продемонстрировать несколько Flash-сайтов, например www. estudio.com (рис. 1). Сайт, безусловно, выделяется даже на фоне классных Flash-проектов. Самое главное его достоинство — не дизайн, а анимация. Он никогда не привлек бы столь пристального внимания, если бы был реализован только средствами HTML и JavaScript. Изюминка сайта в том, как элементы интерфейса реагируют на мышь, как выглядит предзагрузчик и что происходит в это время на фоне.
Начинается все с того, что кнопка Enter, как живая, шевелится под курсором и по ней еще надо попасть. Но это вовсе не раздражает, наоборот, хочется посмотреть, что дальше будет. Предзагрузчик изображен в виде телевизора, который постепенно заполняется жидкостью. Прогресс загрузки можно отследить наблюдая за всплывающими пузырьками.
Навигационная панель возникает как бы из другого пространства. За долю секунды она проявляется из налетевшего вихря и еще некоторое время продолжает колыхаться.
Посмотрите на меню (кнопка Work, рис. 1). Если бы оно просто появлялось сразу как есть, было бы не так оригинально. Задача создателей в данном случае состояла в том, чтобы поведение элементов интерфейса сайта отличалось от того, что мы видим каждый день. Если бы можно было в журнале напечатать 15–20 фаз мультика для меню, стало бы видно, что оно выпрыгивает, как пружинка. При этом в начале прыжка меню черное и полупрозрачное, а потом синеет, не теряя прозрачности. Пункты подсвечиваются плавно появляющимися световыми пятнами.
С точки зрения использования анимационных эффектов сайт безупречен. Однако чтобы уловить все нюансы, его, как хорошее интеллектуальное кино, надо смотреть несколько раз. Есть о чем задуматься начинающим Flash-аниматорам.
Не хочется говорить о недостатках, но истина дороже. Скажем, кнопка выключения звука (Mute) в левом нижнем углу экрана почти не видна. Выключает она только фоновую мелодию, а лязг и шипение, связанные с активными элементами интерфейса, остаются. Когда слушаешь Pink Floyd в mp3, посторонние звуки в наушниках раздражают. А закрывать страничку не хочется. Внизу левый угол и кнопки Contact и Job как будто обрублены. Здесь логичным продолжением был бы фон html-страницы, совпадающий с фоном Flash-окошка.
Но все это, как говорится, пыль рядом с классной анимацией. В январе 2001 года сайт был удостоен наград на фестивале Flashforward 2001. Кроме того, он был отмечен еще на нескольких фестивалях. Фирма находится в Италии, креативный директор — наш соотечественник.
Сайт стамбульской компании 2999 Technologies www.2999.com (рис. 2) во многом выигрывает у www.estudio. com, но прикольной анимации там меньше. Сразу видно, что создатель сайта далеко не тинэйджер и на его счету не один десяток законченных анимационных проектов. Он либо уже миновал период страстного увлечения прибамбасами, либо всегда был таким сдержанным и слегка суховатым. Но эта простота по- своему гениальна. И с html-фоном все в порядке — не поленился человек две минуты потратить. Лишний раз убеждаешься, что обилие рюшечек — это скорее плохой вкус, а настоящий стиль — прежде всего, чувство меры.