Представляю выставку творческих работ студентов 3-го курса, которые были созданы на занятиях по медиа-дизайну. Мы повторили интересный опыт прошлого года – проиллюстрировали интересные истории и собрали их в небольшие многослойные слайдеры с эффектом параллакса. Цель работы – рассказать любую историю за шесть иллюстраций. Одна из задач состояла в том, чтобы в каждой иллюстрации показать минимум два события – одно главное, происходящее сейчас, другое – незадолго до или сразу после текущего события.
Умение рассказывать истории – важнейший навык (инструмент) современного дизайнера. Ведь сторителлинг пришел в маркетинг и рекламу всерьез и на долго. Слайдер – лишь один из способов работы с изображением и текстом. Такие медиа-истории в виде слайдера легко встраиваются в любую веб страницу. А интерактивность помогает привлечь и удержать внимание зрителя.
Код слайдера переписан с нуля. В прошлом году анимация слоев CSS3 оказалась не такой шустрой и плавной, как хотелось бы. Поэтому, в этом году для анимации переходов между иллюстрациями использовалась технология HTML5+canvas (Программное рисование на холсте).
Здесь представлены работы текущего года и некоторые интересные работы прошлого предыдущего курса, адаптированные под новый формат.
Ниже несколько ссылок-картинок для быстрого открытия конкретной истории.
А здесь работы с акцентом на иллюстрацию. Хорошая идея для оформления интерактивной детской книги для просмотра на планшете. Нужно подумать об этом.
Думаю, нужно двигаться в сторону анимации и большего интерактива (элемент игры). Значит будем экспериментировать с видео.