Анимация

Стас Аки

Стас Аки

Стас Аки

Продуктовый дизайнер в Readymag, автор
короткометражного фильма о Ле Корбюзье
в рамках проекта
«100 лет дизайна», в прошлом —
графический дизайнер и сооснователь проектной группы
S I L A.

stasaki.com

Анимация в вебе логично вытекает из медиа, которые предшествовали интернету. XX век прошел под знаком кино и телевидения, так что к концу столетия дизайнеры уже были подкованы в анимации разного формата, будь то мультфильмы, кинотитры или рекламные ролики. На мой взгляд, главный отличительный параметр веб-анимации — ее интерактивность.


В истории веб-анимации есть, как мне кажется, два ключевых момента: появление инструмента Macromedia Flash и массовое распространение смартфонов. Второй момент особенно интересен. На устройствах с сенсорными экранами пользователь взаимодействует с интерфейсом при помощи пальцев. Прикосновения для людей более привычны, чем манипуляции курсором. При помощи анимации дизайнеры как бы продолжают жесты пользователя и незаметно переносят его из реального мира в цифровой. Такая функциональная анимация создает среду, копирующую динамику привычного физического мира, и поэтому воспринимается естественно. К примеру, когда вы берете iPhone и начинаете открывать панель с настройками Wi-Fi, яркостью и фонариком, движение происходит ровно с той скоростью, с которой вы ведете пальцем по экрану. Все происходит так, как если бы вы выдвигали ящик стола. Более того, вы можете остановить анимацию на полпути и задвинуть панель назад, не отрывая палец от устройства. В современном вебе анимация все чаще начинает использовать ускорение и замедление, наделяя диджитал-элементы воображаемым весом.

 

Вал Хэд

Входы и выходы в анимации, конференция dotCSS, 2016

Я предпочитаю мультипликацию с суперпримитивной графикой и ограниченной цветовой палитрой, например, работы британского художника Фила Маллоя и короткометражный сериал Дэвида Линча «Страна тупых». Нарочитый стилистический аскетизм в таких работах выводит на первый план анимационную составляющую. Кстати, Линч сделал «Страну тупых», используя Flash и мышку.


Мне нравится, как Чарльз и Рэй Имзы в своей короткометражке
«Десятые степени» наглядно показывают вселенную на макро- и микро- уровнях благодаря анимации.


В последнее время я часто обращаю внимание на работы агентства
Wolff Olins — в их инстаграме много эффектных видео.


Я люблю анимированные типографские плакаты. Среди множества дизайнеров, которые сегодня экспериментируют с ними, я бы выделил швейцарское бюро
Studio Feixen.

Чарльз и Рей Имзы

«Десятые степени», 1977

Outro

Анимация

пионеры анимации

материалы для самообразования

книги

Google Material Motion Guidelines

 

UX in Motion training

Курс Иссары Вилленскомера

 

UI Animation Newsletter

Рассылка Вал Хэд

 

Web Animation Weekly Newsletter

Рассылка Рэйчел Нейборс

 

Animation at Work

Slack-канал

 

Sketch Together

Youtube-канал

 

Motionographer

Вдохновляющий сайт


 

 

 

 

 


«Набор для выживания аниматора»

Ричард Вильямс

 

«Иллюзия жизни»

Фрэнк Томас и Олли Джонстон

 

Walt Disney: The Triumph of the American Imagination

Нил Габлер

 

Animation at Work

Рэйчел Нейборс

 

Animation: Meaningful Motion for User Experience

Вал Хэд

 

Hands-on Animation

Норман МакЛарен

 

Photoshop Animation Techniques

Алекс Григг


Design Almanac

ru  / eng

Design School

Типографика

Сетка

Цвет

Анимация

о проекте

Альманах сделан при помощи графического веб-редактора Readymag. Это инструмент, который позволяет создавать мультимедийные проекты в вебе без участия разработчиков. Команда Readymag создает главы Альманаха совместно с выдающимися профессионалами, которые формируют современную дизайн-культуру.

команда

 

Куратор

Антон Герасименко

 

Дизайнер

Ждан Филиппов

 

Продюсер

Диана Касай

 

Редактор (Типографика)

Антон Терехов

 

Редактор (Сетка)

Дима Девишвили

 

Редактор (Цвет, Анимация)

Цветелина Митева

 

Переводчик

Говард Голдфингер

 

Советники

Type Journal