Анимация

анимация

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

 

Вступление

Джон Шлеммер

Моушн дизайнер в Google

Николя Менард

Режиссёр-мультипликатор

Арина Шабанова

Иллюстратор и аниматор

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

Разработчик, аниматор

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

Глава продуктовой команды в InVision

Стас Аки 

Продуктовый дизайнер в Readymag

Заключение

Анимация

Вступление

Костя Горский

Дизайн-менеджер в Intercom

Современные продукты стараются быть живыми и естественными. Каждое прикосновение к кнопке на экране — маленькая история. В этом смысле цифровой дизайн всe больше начинает напоминать музыку, литературу или кинематограф — действие развивается во времени, становится взаимодействием. В дизайне продуктов тоже есть пролог, завязка, развитие истории, кульминация и заключение. Есть свои темп и ритм, динамика и паузы. Иногда случаются приключения.


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


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

Джон Шлеммер

Анимация

Джон Шлеммер

Джон Шлеммер

Джон — сотрудник Google, руководитель
направления моушн-дизайна. Он управляет

созданием и внедрением кросс-платформенной

анимации в Google Apps c учетом принципов

Material Design, а также пишет статьи, читает

лекции и рассказывает о современных

стандартах анимации в вебе.

 

schlem.me

Честно говоря, своей карьерой я обязан Flash. На заре двухтысячных я делал много статичных сайтов, это были мои первые шаги в мире веб-дизайна. Вскоре я открыл для себя популярный тогда Flash и начал делать на нем простые анимированные видео. Сейчас они кажутся мне ужасными, но именно эти эксперименты позже подтолкнули меня использовать анимацию в интерфейсах.


В 2013-м я начал сотрудничать с рекламным агентством, которое выводило на рынок новый смартфон Motorola Moto X. Там я впервые начал анимировать прототипы интерфейсов в After Effects. Я очень увлекся этой темой и связался с Google (на тот момент Motorola принадлежала им). В Google было несколько открытых позиций UI-аниматоров, и мне предложили одну из них. Это произошло как раз в тот момент, когда мобильная и веб-анимация начали набирать обороты.

 

Flash был по-настоящему классным инструментом — он привнес в анимацию интерактивность, хотя и нефункционального украшательства тоже было много. Все перестали воспринимать веб-анимацию как декоративную штуку в 2007 году, когда на рынок вышел первый iPhone. Он предлагал массу нетипичных сценариев взаимодействия с интерфейсом, по тем временам это был прорыв. Пользователям, очевидно, нужна была дополнительная помощь, чтобы разобраться, как все устроено. Эту задачу взяла на себя UI-анимация.

 

В апреле 2010-го Стив Джобс опубликовал открытое письмо, в котором подробно объяснил, почему Apple больше не будет поддерживать Flash на своих продуктах. Для индустрии это было жестким решением: тогда я еще вовсю пользовался этим инструментом, а на HTML5 даже близко нельзя было воспроизвести то, что люди делали на Flash.

 

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

Стив Джобс 

Размышления о Flash

Конференция D8, 2010

Анимация

Николя Менар

Николя Менар

Николя Менар

Николя — канадский режиссер-мультипликатор, автор короткометражек,
анимированных иллюстраций. Работы
Николя показывают на фестивалях по всему
миру, его фильм «Среда с Годаром» получил
приз в номинации «Лучший короткий метр»
на американском кинофестивале South by
Southwest в 2017 году.

 

nicolasmenard.com