Интернет-агентство Tatsel.ru
Интернет-проекты: дизайн, программирование, продвижение
Глобальная сеть
Думаем, работаем, творим
Создание сайтов Продвижение сайтов Базы данных Каталог сайтов
Главная О проекте История Консультации Контакты     

Дело Tatsel
Разработка сайтовПродвижение сайтовБазы данныхФинансовый анализАттестация персоналаДизайн сайтовАнимацияСхема создания утепленных фасадовПрезентации настенных росписейСлайд-шоу из фотографий цветовМозаичное панно в слайд-шоуКаменное дерево в слайд-шоуОживающая картинаОформление сайта анимационными заставкамиДемонстрационные роликиОткрытка компании Анимационная заставка ПолиграфияCD-презентацииЗаметки на полях

Оформление сайта анимационными вставками

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

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

Всего было сделано 22 анимированных изображения. Изначально предполагалось использовать их строго заданными комплектами - таких всего 11, но в процессе работы над сайтом было решено увеличить число комбинаций за счет соединения различных левых и правых частей (но подходящих друг к другу по сценарию показа кадров). Для каждого кадра была сделана гиперссылка на соответствующую страницу в видеотеке.

Фрагмент страницы сайта:



Посмотреть на то, как это все работает, можно здесь: Творческая студия Naltan Art

Следующая страница: Демонстрационные ролики

    • Начало   • Деятельность   • Анимация   • Оформление сайта анимационными заставками  

Детские песни Флора в доме Здоровье Сказки ведьмы Плоский мир
    © Tatsel.ru, 2000-20013. Интернет-проекты: дизайн, программирование, сео. о проекте   карта сайта   обратная связь