Наукові конференції України, Друкарство молоде-2020

Розмір шрифту: 
Методи реалізації анімації у сучасному веб-дизайні
Анна Сергіївна Пономаренко

Остання редакція: 2020-04-18

Тези доповіді


Анімація у сучасному веб-дізайні використовується для різних цілей: надання інтерактивності інтерфейсу, привертання уваги користувача та інших. Метою дослідження є інструменти реалізації анімації у сучасному веб-дизайні. Для візуального оформлення сайтів розповсюджено використання таблиць стилів CSS. Інструментарію достатньо для створення простих анімацій. При використанні CSS Transformations, анімація досягається за рахунок плавної зміни налаштування стилів. У CSS Animations встановлюється правило @keyframes, яке вказує властивість об’єкту у певній момент часу, що дозволяє точніше контролювати анімацію. Реалізація за допомогою JavaScript дозволяє створювати більш складні анімації, що не обмежуються властивостями CSS, доступні функції зміни у часі. Інструментарій JavaScript використовується в елементі Canvas, що використовується для реалізації анімацій. Масштабна векторна графіка SVG широко використовується, бо підходить для простих зображень, створених з окремих простих форм. SVG файли займають менше місця та обчислювальних ресурсів. Реалізація за допомогою SMIL використовується для більш точного контролю анімації, більш складних перетворень. Flash анімація вважається застарілою технологією. Даний вид анімації використовується для банерів, відеороликів, різного роду презентацій та ін. Обираючи метод реалізації анімації, потрібно завжди звертати увагу на поставлену задачу та доступні ресурси.


Ключові слова


анімація; веб-дизайн

Full Text: PDF