Том Джаннаттазио

Анимация

Том Джаннаттазио

Том Джаннаттазио

Том — глава продуктовой команды InVision
Studio. В прошлом был дизайнером в Apple,
Oracle, MIT и Twitter.

 

attasi.com

Я вырос на Flash, и, кажется, этот инструмент опередил свое время лет на десять, а то и двадцать. Flash дал нам возможность использовать видео и другие форматы мультимедиа задолго до того, как веб научился полноценно их поддерживать. Технологии вроде JavaScript и CSS, которые позволяют делать то, что люди раньше делали на Flash, стали популярными лишь недавно.


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

 

Рабочий процесс веб-дизайнеров за последние пять-шесть лет заметно усложнился и стал очень фрагментированным: для задач в рамках одного проекта приходится использовать разнообразные инструменты. Обычно дизайнер делает прототип в Sketch, затем анимирует его в After Effects. А кто-то даже использует Keynote. Создавать продукт одновременно в Sketch в After Effects — это очень муторно, и на выходе вы все равно не получаете готовый прототип, который можно проверить на реальных пользователях. Эта проблема касается и фрилансеров, и больших корпоративных клиентов, которым постоянно нужно обновлять и дорабатывать свой проект. Мы посчитали, что сложившаяся ситуация таит в себе большие перспективы, и создали InVision Studios.

Один из самых влиятельных аниматоров всех времен — это, конечно, Уолт Дисней. Вместе со своей командой он буквально с нуля создал профессию мультипликатора, а также придумал базовые законы анимации и описал их в книге «Иллюзия жизни».

Лучше я буду развлекать людей и надеяться, что они узнают что-то, чем пытаться их учить и надеяться, что это их развлечет. Уолт Дисней

Уолт Дисней и мультипликатор за работой
Улыбающийся Уолт Дисней

Уолт Дисней

Золушка, 1950

Уолт Дисней рассказывает о создании Карусели прогресса

Disney.com, 1964

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

Обложка книги Disney Animation: The Illusion of Life
Страница из книги Disney Animation: The Illusion of Life
Страница из книги Disney Animation: The Illusion of Life

Анимация

Стас Аки

Стас Аки

Стас Аки

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

stasaki.com

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

Алекс Григг