\r\n\

В библиотеке Snap.SVG за них отвечает переменная «mina» со скудным набором функций.\

\r\n\

Полный набор функций плавности можно найти на сайте \http://easings.net\ \

\r\n\r\n\

Итог\

\r\n\

Эластичная анимация интерфейса является отличным способом удержания пользователей на сайте, так как использование интерактивных элементов позволяет решать задачи быстрее и интереснее. А развитие технологий скоро позволит перенести полноценные Photoshop-инструменты в web, с возможностью анимации. Но перед тем как применять моушн-дизайн, нужно проанализировать его потенциал для улучшения удобства. Хорошая анимация рождается на стадии концепта и преследует четкие цели. Функции плавности доводят движения до реалистичности. Нас ждет по-настоящему живой flat. Преимущества и полезность применения анимации в процессе «визуальной коммуникации» очевидны и перевешивают возможные недостатки.\

\r\n\r\n\

Полезные ссылки\

\r\n\\r\n\

\Авторы GIF изображений, использованных в статье: \Сергей Валюх\, \Эрнест Асанов\, \Алла Кудин\.\\

\r\n\

\Статья написана отделами AFFINAGE DESIGN и AFFINAGE PRODUCTION компании \AFFINAGE\.\\

\r\n\\r\n\\r\n\t\r\n\","previewText":"Создание и программирование сложной SVG-анимации для сайтов, мобильных приложений и интерактивных проектов. Как повысить удобство интерфейсов и вызвать вау-эффект.","title":"Как использовать SVG для создания веб-анимации под все типы устройств","tags":[{"code":"article","title":"Статья"},{"code":"design-graphical_design","title":"Графический дизайн"},{"code":"image-graphical_design","title":"Изображения"},{"code":"programming-graphical_design","title":"Программирование"}],"id":24306,"createdAt":"27 октября 2016","image":"https://images.cmsmagazine.ru/klarnetCMSlocal/resized_images/articles_elements/1013/2000/uploadotiy8fo3wi.png","company":null,"companyImage":"https://images.cmsmagazine.ru/klarnetCMSlocal/resized_images/users/150/150/upload3e3jvxynx8.png","firstLettersOfName":"AF"},"empty":false,"isAjax":false,"request":{"url":"material","params":{"code":"items-how-to-use-svg"}},"isError":false,"similarMaterials":{"response":[{"title":"Дуплекс в веб-дизайне: обзор цветового тренда, который захватывает мир","author":"Sean Hervo (Шон Хево)","company":null,"companyImage":null,"code":"items-duplex-in-web-design","firstLettersOfName":"SH"},{"title":"12 техник оптимизации размера PNG","author":"Николай Мациевский","company":null,"companyImage":"https://www.cmsmagazine.ru/klarnetCMSlocal/resized_images/persons/300/500/upload9k6nxcv7dc.jpg","code":"items-12-png-size-optimization-techniques","firstLettersOfName":"НМ"},{"title":"20 примеров эффективного использования изображений в веб-дизайне","author":"Gisele Muller","company":null,"companyImage":null,"code":"items-20-examples-of-effective-image-usage-in-web-design","firstLettersOfName":"GM"},{"title":"Как уменьшить JPEG-изображения","author":"Николай Мациевский","company":null,"companyImage":"https://www.cmsmagazine.ru/klarnetCMSlocal/resized_images/persons/300/500/upload9k6nxcv7dc.jpg","code":"items-how-to-reduce-the-jpeg-images","firstLettersOfName":"НМ"},{"title":"«Дизайнер не должен программировать» — неправильный ответ на правильный вопрос","author":"Джош Зейден (Josh Seiden)","company":null,"companyImage":null,"code":"items-designers-shouldnt-code","firstLettersOfName":"ДЗ"},{"title":"Кодекс дизайнера","author":"Софья Пащенко","company":"Tutmee Agency","companyImage":"https://www.cmsmagazine.ru/klarnetCMSlocal/resized_images/persons/300/500/uploadys0671x2jq.jpg","code":"items-code-of-the-designer","firstLettersOfName":"СП"},{"title":"Почему слайдер — самый ненужный элемент дизайна?","author":"Харрисон Джонс (Harrison Jones)","company":null,"companyImage":null,"code":"items-pochemu-slajder-samyj-nenuzhnyj-element-dizajna","firstLettersOfName":"ХД"},{"title":"Как правильно создать главную страницу","author":"Peep Laja","company":null,"companyImage":null,"code":"items-how-to-design-a-home-page-that-converts","firstLettersOfName":"PL"},{"title":"Кнопки “Call to Action”. Часть 3: Форма и размер","author":"Paul Olyslager","company":null,"companyImage":null,"code":"items-call-to-action-buttons-shape-size","firstLettersOfName":"PO"},{"title":"10 принципов разработки мобильных интерфейсов","author":"Jonathan Stark","company":null,"companyImage":null,"code":"items-10-principles-mobile-interface-design","firstLettersOfName":"JS"}],"empty":false,"isAjax":false,"request":{"url":"similarMaterials","params":{"code":"items-how-to-use-svg"}},"isError":false}}}}