Анімація іконки меню

Вже не перший рік веб дизайн прямує до простоти та мінімалізму. Таке враження, що вже дійшли до межі, що спрощувати більше вже нема куди. Мінімум шрифтів, зображень, відсутність текустур, тіней, бліків, та “розтягування” контенту зі збільшенням розміру сторіки довели до того, що сайти виглядають не цікаво.

Але завдяки розвитку веб технологій з’явилась можливість використовувати якісну анімацію в інтерфейсах. Рухомі елементи не тільки роблять сайт цікавішим, але й збільшують взяємодію з користувачем. Інтерфейс стає більш інтуїтивним.

Дуже часто анімується іконка меню (яка за словником дизайнерського сленгу називається Гамбургером).
Декілька прикладів вдалої анімації.

hamburger-icon-animation-1

hamburger-icon-animation-03

hamburger-icon-animation-02

hamburger-icon-animation-10

hamburger-icon-animation-09

hamburger-icon-animation-07

hamburger-icon-animation-06

 

hamburger-icon-animation-04

 

hamburger-icon-animation-12

 

hamburger-icon-animation-13

 

hamburger-icon-animation-14

Курбатов Володимир