01/04 Анимация. Предпосылки её возникновения

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

Diesel-Black-Gold

Источник: Diesel Black Gold

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

Riot-Games

Источник: Riot Games

Также, как и у карточного дизайна и минимализма, у анимации богатая история, которая длится со времени, когда Интернет ещё не был изобретён.

AT&T

Источник: AT&T

Два художника-мультипликатора Диснея, Frank Thomas и Ollie Johnston, опубликовали одну из лучших книг на эту тему: Illusion of Life: Disney Animation.

12 принципов, по-прежнему верны сегодня, и – с незначительными изменениями – применимы к веб-анимации точно так же как и к фильму.

Volkswagen

Источник: Volkswagen

Список 12-ти принципов:

  1. Сжатие и растяжение
  2. Предчувствие
  3. Сценичность (постоянный учёт того, как видит образ зритель)
  4. Использование компоновок и прямого движения
  5. Завершение и повторение действий
  6. Смягчение начала и завершения движения
  7. Изгибы
  8. Дополнительное действие (выразительная деталь)
  9. Расчёт времени
  10. Преувеличение, утрирование
  11. Трехмерный рисунок
  12. Привлекательность

Чтобы увидеть эти принципы в действии, мультипликатор Cento Lodigiani воссоздал каждый из них в GIF, используя простые формы. (http://www.centolodigiani.com/)

Теги: , , , , ,